@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap";:root{--ms-bg:#000;--ms-text:#fff;--ms-text-secondary:#fff;--ms-border:#fff;--ms-primary:#fff;--ms-red:#fff;--theme-primary:#fff}.theme-error{--theme-primary:var(--ms-red)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ms-text);-webkit-font-smoothing:antialiased;background-color:#000;min-height:100vh;margin:0;padding:0;font-family:Kanit,Roboto,sans-serif}.ambient-bg-container{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-color-layer{opacity:1;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.ambient-color-layer.fade-out{opacity:0}.ambient-image-layer{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.ambient-image-layer.fade-in{opacity:1}.ms-location-badge{color:#000;text-shadow:0 1px 3px #0009;z-index:5;opacity:0;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .6s ease-in-out;display:flex;position:absolute;bottom:24px;right:24px}.ms-location-badge.fade-in{opacity:1}.ms-location-icon{filter:drop-shadow(0 1px 2px #00000080);width:16px;height:16px}.ms-loader-container{justify-content:center;align-items:center;width:100%;height:4px;display:flex;position:relative;overflow:hidden}.anim-dot{background-color:var(--theme-primary);opacity:0;border-radius:4px;height:4px;transition:background-color .5s;animation:2.4s linear infinite snail-stretch;position:absolute;top:0}.anim-dot.dot1{animation-delay:0s}.anim-dot.dot2{animation-delay:.2s}.anim-dot.dot3{animation-delay:.4s}.anim-dot.dot4{animation-delay:.6s}.anim-dot.dot5{animation-delay:.8s}@keyframes snail-stretch{0%{opacity:0;left:-10%;right:105%}10%{opacity:1;left:5%;right:85%}35%{opacity:1;left:35%;right:50%}50%{opacity:1;left:60%;right:0%}70%{opacity:1;left:120%;right:-40%}75%,to{opacity:0;left:120%;right:-40%}}.ms-card{background:var(--ms-bg);border:1px solid var(--ms-border);width:100%;max-width:440px;box-shadow:none;box-sizing:border-box;border-radius:24px;margin:20px;padding:32px 40px;transition:all .5s}.mat-card{cursor:pointer;box-sizing:border-box;background-color:#000;border:1px solid #fff;border-radius:24px;align-items:center;gap:12px;width:100%;padding:16px 20px;transition:background-color .2s,box-shadow .2s;display:flex}.mat-card:hover{background-color:#fff}.mat-card:hover .mat-title,.mat-card:hover .mat-subtitle{color:#000}.mat-icon-bg{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mat-title{color:#fff;margin:0 0 2px;font-size:16px;font-weight:500}.mat-subtitle{opacity:.8;margin:0;font-size:14px}.dashboard-container{color:#fff;background-color:#000;min-height:calc(100vh - 64px);display:flex}.dashboard-sidebar{border-right:1px solid #fff;flex-direction:column;flex-shrink:0;gap:8px;width:250px;padding:24px 16px;display:flex}.dashboard-main{flex:1;padding:32px 48px;overflow-y:auto}@media (width<=768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:1px solid #fff;border-right:none;flex-direction:row;width:100%;padding:16px;overflow-x:auto}.dashboard-sidebar::-webkit-scrollbar{display:none}.dashboard-main{padding:16px}}.ms-logo-container{align-items:center;margin-bottom:16px;display:flex}.ms-logo-img{object-fit:contain;width:auto;max-width:200px;height:40px}@media (width>=768px){.ms-logo-img{height:45px}}.ms-title{margin-bottom:24px;font-size:24px;font-weight:600;line-height:28px}.ms-user-badge{border-bottom:1px solid #e1dfdd;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.ms-avatar{background-color:var(--theme-primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;transition:background-color .5s;display:flex}.ms-user-info{flex-direction:column;display:flex}.ms-user-name{font-size:15px;font-weight:600}.ms-user-email{color:var(--ms-text-secondary);font-size:14px}.ms-description{color:var(--ms-text);margin-bottom:16px;font-size:15px}.ms-scope-list{max-height:160px;margin-bottom:20px;padding-left:0;padding-right:8px;list-style:none;overflow-y:auto}.ms-scope-list::-webkit-scrollbar{width:4px}.ms-scope-list::-webkit-scrollbar-track{background:0 0}.ms-scope-list::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:4px}.ms-scope-item{align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.ms-scope-icon{color:var(--theme-primary);margin-top:2px;transition:color .5s}.ms-button-group{justify-content:flex-end;gap:8px;display:flex}.ms-button{cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;min-width:100px;padding:8px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ms-button-primary{background-color:var(--theme-primary);color:#000;transition:background-color .5s}.ms-button-primary:hover{background-color:var(--theme-primary-hover)}.ms-button-secondary{color:#fff;background-color:#ccc}.ms-button-secondary:hover{background-color:#b3b3b3}.ms-footer-links{color:var(--ms-text-secondary);margin-top:8px;font-size:12px}.ms-footer-links a{color:var(--theme-primary);text-decoration:none;transition:color .5s}.ms-footer-links a:hover{text-decoration:underline}.ms-verified-tick{background-color:var(--theme-primary);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:background-color .5s;display:flex}.ms-loader-overlay{z-index:10;background-color:#0000;height:4px;position:absolute;top:0;left:0;right:0}.ms-loader-overlay.fast-loader .anim-dot{animation-duration:1.2s}