@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-VariableFont.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-VariableFont.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Code;src:url(/fonts/GoogleSansCode-VariableFont.ttf)format("truetype");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Code;src:url(/fonts/GoogleSansCode-Italic-VariableFont.ttf)format("truetype");font-weight:300 800;font-style:italic;font-display:swap}:root{--sidebar-width:260px;--topbar-height:48px;--font-family:"Google Sans Flex", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Google Sans Code", "Noto Sans SC", monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--bg-primary:#f5f5f5;--bg-sidebar:#fafafa;--bg-card:#fff;--bg-surface:#fff;--bg-subtle:#fafafa;--bg-secondary:#fafafa;--bg-accent-subtle:#eff6fc;--bg-banner-gradient:linear-gradient(90deg, #eff6fc 0%, #fff 100%);--text-primary:#242424;--text-secondary:#616161;--text-tertiary:#999;--border-color:#e0e0e0;--accent-color:#0078d4;--accent-hover:#106ebe;--danger-color:#d13438;--success-color:#107c10;--warning-color:#ffb900;--scrollbar-thumb:#80808057;--scrollbar-thumb-hover:#8080808f;--scrollbar-thumb-active:#808080b8;--scrollbar-track:transparent}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#121212;--bg-sidebar:#181818;--bg-card:#1e1e1e;--bg-surface:#1e1e1e;--bg-subtle:#252525;--bg-secondary:#252525;--bg-accent-subtle:#15293e;--bg-banner-gradient:linear-gradient(90deg, #15293e 0%, #1e1e1e 100%);--text-primary:#f0f0f0;--text-secondary:#a6a6a6;--text-tertiary:#777;--border-color:#2e2e2e;--accent-color:#4aa3ff;--accent-hover:#69b4ff;--danger-color:#f1707b;--success-color:#54b054;--warning-color:#fce100;--scrollbar-thumb:#ffffff38;--scrollbar-thumb-hover:#ffffff61;--scrollbar-thumb-active:#ffffff85}}[data-theme=dark]{--bg-primary:#121212;--bg-sidebar:#181818;--bg-card:#1e1e1e;--bg-surface:#1e1e1e;--bg-subtle:#252525;--bg-secondary:#252525;--bg-accent-subtle:#15293e;--bg-banner-gradient:linear-gradient(90deg, #15293e 0%, #1e1e1e 100%);--text-primary:#f0f0f0;--text-secondary:#a6a6a6;--text-tertiary:#777;--border-color:#2e2e2e;--accent-color:#4aa3ff;--accent-hover:#69b4ff;--danger-color:#f1707b;--success-color:#54b054;--warning-color:#fce100;--scrollbar-thumb:#ffffff38;--scrollbar-thumb-hover:#ffffff61;--scrollbar-thumb-active:#ffffff85}*,:before,:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:0 0}html,body{height:100%;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 20px;display:flex}.sidebar-logo{object-fit:contain;border-radius:6px;width:32px;height:32px}.sidebar-title{color:var(--text-primary);font-size:16px;font-weight:700}.sidebar-nav{flex:1;padding:8px}.sidebar-section{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.sidebar-section-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;padding:8px 12px 6px;font-size:11px;font-weight:500}.sidebar-link{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:#e8e8e8}.sidebar-link.active{color:var(--accent-color);background:#e1efff;font-weight:500}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px 16px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topbar-title{font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:12px;display:flex}.content-area{flex:1;min-width:0;padding:24px;overflow:hidden auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);font-size:24px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;margin-bottom:16px;padding:20px;overflow-x:auto}.card-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.grid-2>.card,.grid-3>.card,.grid-4>.card{height:100%;margin-bottom:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;justify-content:space-between;gap:8px;min-width:0;height:100%;padding:20px;display:flex}.stat-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-card-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-card-icon{color:var(--accent-color);align-items:center;font-size:20px;display:inline-flex}.stat-card-value{color:var(--text-primary);word-break:break-all;font-size:26px;font-weight:700;line-height:1.3}.stat-card-footer{color:var(--text-secondary);margin-top:auto;font-size:12px}.stat-value{color:var(--accent-color);font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px}.table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:680px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 14px;font-size:13px}.data-table th{color:var(--text-secondary);white-space:nowrap;background:#fafafa;font-weight:600}.data-table td:last-child{white-space:nowrap}.data-table tr:hover td{background:#f5f5f5}.badge{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.fui-Badge{min-height:22px;white-space:nowrap!important;height:auto!important;padding:2px 8px!important}.fui-DialogBody{display:block!important}.fui-DialogTitle{margin-bottom:12px!important}.fui-DialogActions{grid-column:1/-1!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.fui-Button{white-space:nowrap}.fui-Dropdown{min-width:110px}.fui-Dropdown__button{text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;width:100%;overflow:hidden}.fui-Listbox{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;max-height:280px!important;padding:4px!important;overflow-y:auto!important;box-shadow:0 8px 28px #00000024!important}.fui-Option{border-radius:6px!important;padding:6px 10px!important;font-size:13px!important}.badge-success{color:#107c10;background:#dff6dd}.badge-danger{color:#d13438;background:#fde7e9}.badge-warning{color:#a17c00;background:#fff4ce}.badge-info{color:#0078d4;background:#e1efff}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state-text{font-size:14px}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-hint{color:var(--text-secondary);margin-top:4px;font-size:12px}.sponsor-banner{background:var(--bg-accent-subtle);border-bottom:1px solid var(--border-color);color:var(--accent-color);letter-spacing:.2px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:6px 36px;font-size:12.5px;font-weight:500;display:flex;position:relative}.sponsor-banner-text{text-align:center}.sponsor-banner-close{width:22px;height:22px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sponsor-banner-close:hover{opacity:1;background:#80808026}.login-container{background:var(--accent-color);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px 12px;display:flex}.login-card{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:40px;box-shadow:0 20px 60px #00000026}.login-sponsor-banner{color:#005a9e;text-align:center;background:#ffffffeb;border:1px solid #ffffff73;border-radius:10px;justify-content:center;align-items:center;width:420px;max-width:90vw;padding:8px 36px;font-size:12.5px;font-weight:600;display:flex;position:relative;box-shadow:0 8px 24px #0000001f}.login-title{text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.timeline-editor{padding-left:16px;position:relative}.timeline-item{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex;position:relative}.timeline-item.type-0{border-left:4px solid var(--accent-color)}.timeline-item.type-1{border-left:4px solid var(--success-color)}.timeline-item.type-2{border-left:4px solid var(--text-secondary);background:#fafafa}.timeline-item.type-3{border-left:4px solid var(--warning-color)}.timeline-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:110px;font-size:12px;font-weight:500}.fui-Input:has(input[type=time]){width:176px!important;min-width:176px!important}.fui-Input input[type=time]{font-variant-numeric:tabular-nums;min-width:150px!important;padding-right:4px!important}.classplan-3col-grid{grid-template-columns:230px minmax(380px,1fr) 270px;align-items:start;gap:12px;display:grid}@media (max-width:1280px){.classplan-3col-grid{grid-template-columns:220px minmax(360px,1fr)}.classplan-3col-grid>:nth-child(3){grid-column:1/-1}}@media (max-width:900px){.classplan-3col-grid{grid-template-columns:1fr}}.timeline-content{flex:1}.timeline-type-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.classplan-grid{flex-direction:column;gap:4px;display:flex}.classplan-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.classplan-row.is-break{background:#f0f9f0;border-color:#c8e6c9}.classplan-row.is-divider{background:#f5f5f5;border-color:#e0e0e0;justify-content:center;padding:4px}.classplan-row-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:110px;font-size:12px}.classplan-row-content{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.dialog-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-content{background:#fff;border-radius:12px;min-width:400px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0003}.dialog-title{margin-bottom:16px;font-size:18px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.json-editor textarea,.code-block{width:100%;min-height:300px;font-family:var(--font-mono);border:1px solid var(--border-color);resize:vertical;background:#fafafa;border-radius:6px;padding:16px;font-size:13px;line-height:1.6}.json-editor textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #0078d426}.settings-section{margin-bottom:24px}.settings-section-title{border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:600}.settings-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-item-info{flex:1}.settings-item-label{font-size:14px;font-weight:500}.settings-item-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.profile-split-layout{align-items:flex-start;gap:24px;min-width:0;display:flex}.profile-split-layout>div{min-width:0}.profile-split-sidebar{flex-shrink:0;width:260px}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar-left-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-btn,.mobile-drawer-close{border:1px solid var(--border-color);background:var(--bg-card);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-btn:hover,.mobile-drawer-close:hover{background:var(--bg-subtle)}.sidebar-backdrop{display:none}@media (max-width:1100px){.stats-grid,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.card-title{flex-wrap:wrap;gap:8px}}@media (max-width:960px){.profile-split-layout{flex-direction:column;gap:16px}.profile-split-sidebar{width:100%}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.mobile-menu-btn,.mobile-drawer-close{display:inline-flex}.sidebar-backdrop{z-index:1090;background:#0000007a;animation:.2s ease-out overlayFadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:1100;width:272px;min-width:272px;max-width:84vw;transition:transform .24s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 32px #00000040}.sidebar.mobile-open{transform:translate(0)}.topbar{gap:8px;padding:0 12px}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.topbar-right{flex-shrink:0;gap:6px}.theme-segment-btn span{display:none}.user-menu-account-name{max-width:84px}.content-area{padding:14px 12px 28px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.page-header>.flex{flex-wrap:wrap;width:100%}.page-title{font-size:18px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:14px;overflow-x:auto}.data-table th,.data-table td{white-space:nowrap;padding:8px 10px;font-size:12.5px}.settings-item{flex-direction:column;align-items:flex-start;gap:8px}.detail-row{flex-direction:column;gap:4px}.classplan-row,.classplan-row-content>.flex{flex-wrap:wrap}.dialog-content,.fui-DialogSurface{width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;padding:16px!important}.login-card{width:calc(100vw - 24px);padding:24px 18px}.accounts-list-page{padding:56px 12px 24px}.accounts-list-header{flex-direction:column;align-items:flex-start;gap:12px}.account-card{padding:14px 16px}.recovery-codes-grid{grid-template-columns:1fr}}.user-menu-wrapper{position:relative}.user-menu-trigger{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;height:34px;color:var(--text-primary);box-sizing:border-box;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.user-menu-trigger:hover{background:#f0f0f0;border-color:#ccc;box-shadow:0 1px 3px #00000014}.user-menu-avatar{border-radius:var(--radius-sm);background:var(--accent-color);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.user-menu-avatar svg{width:15px;height:15px}.user-menu-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.user-menu-popover{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:12px;width:280px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.user-menu-header{align-items:center;gap:12px;padding:16px;display:flex}.user-menu-avatar-lg{background:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-menu-avatar-lg svg{width:22px;height:22px}.user-menu-info{flex:1;min-width:0}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.user-menu-role{color:var(--text-secondary);font-size:12px}.user-menu-divider{background:var(--border-color);height:1px;margin:0}.user-menu-section{padding:8px 16px}.user-menu-section-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500}.user-menu-current-account{justify-content:space-between;align-items:center;font-size:13px;display:flex}.user-menu-slug{color:var(--text-secondary);font-size:11px}.user-menu-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.user-menu-item:hover{background:#f5f5f5}.user-menu-item svg{flex-shrink:0;width:18px;height:18px}.user-menu-item-admin{color:var(--accent-color);font-weight:500}.user-menu-item-admin:hover{background:#e1efff}.user-menu-item-danger{color:var(--danger-color)}.user-menu-item-danger:hover{background:#fde7e9}.user-menu-back{cursor:pointer;color:var(--accent-color);background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.user-menu-account-list{max-height:240px;overflow-y:auto}.user-menu-account-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-family:inherit;transition:background .12s;display:flex}.user-menu-account-item:hover{background:#f5f5f5}.user-menu-account-item.active{background:#e1efff}.user-menu-account-item-name{font-size:13px;font-weight:500}.user-menu-account-item-slug{color:var(--text-secondary);font-size:11px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.api-key-cell{font-family:var(--font-mono);white-space:nowrap;background:#f5f5f5;border-radius:4px;padding:2px 6px;font-size:12px;display:inline-block}.accounts-list-page{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 24px 40px;display:flex}.accounts-list-container{width:100%;max-width:720px}.accounts-list-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.accounts-list-title{color:var(--text-primary);font-size:28px;font-weight:700}.accounts-list-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px}.accounts-list-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.accounts-list-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 0;display:flex}.accounts-list-empty-text{color:var(--text-primary);font-size:16px;font-weight:600}.accounts-list-empty-hint{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.accounts-list-grid{flex-direction:column;gap:12px;display:flex}.account-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;width:100%;padding:20px 24px;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.account-card:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 20px #0078d41a,0 1px 4px #0000000f}.account-card:active{transform:translateY(0);box-shadow:0 2px 8px #0078d41a}.account-card-icon{width:44px;height:44px;color:var(--accent-color);background:#e1efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-card-icon svg{width:22px;height:22px}.account-card-info{flex:1;min-width:0}.account-card-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.account-card-meta{align-items:center;gap:10px;margin-bottom:2px;display:flex}.account-card-slug{color:var(--text-secondary);white-space:nowrap;background:#f5f5f5;border-radius:4px;padding:1px 6px;font-size:12px;display:inline-block}.account-card-id{color:var(--text-secondary);opacity:.7;font-size:11px}.account-card-arrow{color:var(--text-secondary);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.account-card:hover .account-card-arrow{opacity:1;transform:translate(0)}.detail-row{align-items:baseline;gap:16px;display:flex}.detail-label{color:var(--text-secondary);flex-shrink:0;min-width:100px;font-size:13px}.detail-value{color:var(--text-primary);flex:1;font-size:14px}.tab-bar{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.theme-switcher-group{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;gap:2px;height:34px;padding:2px;display:inline-flex}.theme-switcher-floating{z-index:1200;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;gap:2px;height:34px;padding:2px;display:inline-flex;position:fixed;top:16px;right:20px;box-shadow:0 4px 16px #00000024}.theme-segment-btn{border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.theme-segment-btn:hover{color:var(--text-primary);background:#8080801f}.theme-segment-btn.active{background:var(--bg-card);color:var(--accent-color);font-weight:600;box-shadow:0 1px 3px #0000001f}.theme-switcher-floating .theme-segment-btn.active{background:var(--bg-accent-subtle)}.sidebar-tenant-box{border-bottom:1px solid var(--border-color);background:var(--bg-subtle);padding:12px 16px}.sidebar-back-link{color:var(--accent-color);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-left:-8px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.sidebar-back-link:hover{background:var(--bg-accent-subtle)}.sidebar-account-jump{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.sidebar-account-jump:hover{background:var(--bg-subtle);border-color:var(--border-color)}.sidebar-account-jump.active{background:var(--bg-accent-subtle);border-color:var(--accent-color);color:var(--accent-color)}.sidebar-account-jump-info{flex:1;min-width:0}.sidebar-account-jump-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-account-jump-slug{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-account-jump-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s,color .15s}.sidebar-account-jump:hover .sidebar-account-jump-arrow{color:var(--accent-color);transform:translate(2px)}.warning-banner-card{border-radius:var(--radius-md);background:#fff4ce;border:1px solid gold;padding:16px}.warning-banner-title{color:#975700;margin-bottom:10px;font-size:13px;font-weight:600}.recovery-codes-grid{font-family:var(--font-mono);grid-template-columns:repeat(2,1fr);gap:6px;font-size:13px;display:grid}.recovery-code-item{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px}.notification-preview-banner{color:#fff;text-align:center;border:1px solid var(--border-color);background:#1f1f1f;padding:16px 24px}.notification-preview-banner.is-emergency{color:#d13438;background:#fde7e9;border-color:#d1343859}.timeline-type-badge.type-0{color:#0078d4;background:#e1efff}.timeline-type-badge.type-1{color:#107c10;background:#dff6dd}.timeline-type-badge.type-2,.timeline-type-badge.type-3{background:var(--bg-subtle);color:var(--text-secondary)}[data-theme=dark] .fui-FluentProvider{--colorNeutralBackground1:#1e1e1e!important;--colorNeutralBackground1Hover:#282828!important;--colorNeutralBackground1Pressed:#161616!important;--colorNeutralBackground2:#161616!important;--colorNeutralBackground3:#121212!important;--colorNeutralForeground1:#f0f0f0!important;--colorNeutralForeground1Hover:#fff!important;--colorNeutralForeground2:#a6a6a6!important;--colorNeutralForeground2Hover:#f0f0f0!important;--colorNeutralForeground3:#787878!important;--colorNeutralStroke1:#2e2e2e!important;--colorNeutralStroke2:#242424!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .login-sponsor-banner{background:var(--bg-card);color:var(--accent-color);border-color:var(--border-color)}[data-theme=dark] .sidebar-link:hover{background:#282828}[data-theme=dark] .sidebar-link.active{color:var(--accent-color);background:#15293e}[data-theme=dark] .data-table th{color:var(--text-secondary);background:#242424}[data-theme=dark] .data-table tr:hover td{background:#262626}[data-theme=dark] .badge-success{color:#6ccb5f;background:#54b0542e}[data-theme=dark] .badge-danger{color:#f1707b;background:#f1707b2e}[data-theme=dark] .badge-warning{color:#fce100;background:#fce10029}[data-theme=dark] .badge-info{color:#4aa3ff;background:#4aa3ff2e}[data-theme=dark] .login-container{background:#0d1520}[data-theme=dark] .login-card,[data-theme=dark] .dialog-content,[data-theme=dark] .fui-DialogSurface,[data-theme=dark] .fui-PopoverSurface,[data-theme=dark] .fui-MenuPopover{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 60px #0009!important}[data-theme=dark] .fui-DialogTitle,[data-theme=dark] .fui-DialogContent,[data-theme=dark] .fui-DialogBody{color:var(--text-primary)!important}[data-theme=dark] .fui-MessageBar{color:var(--text-primary)!important;border:1px solid var(--border-color)!important;background-color:#1e242b!important}[data-theme=dark] .fui-MessageBar[data-intent=error],[data-theme=dark] .fui-MessageBar[class*=error]{color:#ff9aa2!important;background-color:#d1343829!important;border-color:#f1707b66!important}[data-theme=dark] .fui-MessageBar[data-intent=success],[data-theme=dark] .fui-MessageBar[class*=success]{color:#8ee084!important;background-color:#107c102e!important;border-color:#6ccb5f66!important}[data-theme=dark] .fui-MessageBar[data-intent=warning],[data-theme=dark] .fui-MessageBar[class*=warning]{color:#fce100!important;background-color:#fce10024!important;border-color:#fce10061!important}[data-theme=dark] .fui-MessageBarBody{color:inherit!important}[data-theme=dark] .fui-Button{color:var(--text-primary)}[data-theme=dark] .fui-Button:not([class*=primary]):not([class*=subtle]):not([class*=transparent]){color:var(--text-primary);background-color:#292929;border-color:#404040}[data-theme=dark] .fui-Button:not([class*=primary]):not([class*=subtle]):not([class*=transparent]):hover:not(:disabled){background-color:#333;border-color:#525252}[data-theme=dark] .fui-Button[style*=danger-color]{color:#fff!important}[data-theme=dark] .fui-Input,[data-theme=dark] .fui-Textarea,[data-theme=dark] .fui-Dropdown,[data-theme=dark] .fui-Select__select{color:var(--text-primary)!important;border-color:var(--border-color)!important;background-color:#161616!important}[data-theme=dark] .fui-Dropdown__button{color:var(--text-primary)!important}[data-theme=dark] .fui-Listbox{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;box-shadow:0 12px 36px #0000008c!important}[data-theme=dark] .fui-Option{color:var(--text-primary)!important}[data-theme=dark] .fui-Option:hover,[data-theme=dark] .fui-Option[aria-selected=true]{background-color:#282828!important}[data-theme=dark] .fui-Input__input,[data-theme=dark] .fui-Textarea__textarea,[data-theme=dark] select,[data-theme=dark] option{color:var(--text-primary);background-color:#161616}[data-theme=dark] .warning-banner-card{background:#fce1001f;border-color:#fce10061}[data-theme=dark] .warning-banner-title{color:#fce100}[data-theme=dark] .notification-preview-banner.is-emergency{color:#ff9aa2;background:#d1343838;border-color:#f1707b73}[data-theme=dark] .timeline-type-badge.type-0{color:#4aa3ff;background:#4aa3ff2e}[data-theme=dark] .timeline-type-badge.type-1{color:#6ccb5f;background:#54b0542e}[data-theme=dark] .timeline-type-badge.type-2,[data-theme=dark] .timeline-type-badge.type-3{color:var(--text-secondary);background:#2a2a2a}[data-theme=dark] .timeline-item.type-2{background:#242424}[data-theme=dark] .classplan-row.is-break{background:#54b0541f;border-color:#54b05459}[data-theme=dark] .classplan-row.is-divider{border-color:var(--border-color);background:#242424}[data-theme=dark] .json-editor textarea,[data-theme=dark] .code-block{color:var(--text-primary);border-color:var(--border-color);background:#161616}[data-theme=dark] .settings-item{border-bottom-color:var(--border-color)}[data-theme=dark] .user-menu-trigger:hover{background:#2a2a2a;border-color:#3d3d3d}[data-theme=dark] .user-menu-item:hover,[data-theme=dark] .user-menu-account-item:hover{background:#2a2a2a}[data-theme=dark] .user-menu-item-admin:hover,[data-theme=dark] .user-menu-account-item.active{background:#15293e}[data-theme=dark] .user-menu-item-danger:hover{background:#f1707b2e}[data-theme=dark] .api-key-cell,[data-theme=dark] .account-card-slug{color:var(--text-secondary);background:#2a2a2a}[data-theme=dark] .account-card-icon{color:var(--accent-color);background:#15293e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .fui-FluentProvider{--colorNeutralBackground1:#1e1e1e!important;--colorNeutralBackground1Hover:#282828!important;--colorNeutralBackground1Pressed:#161616!important;--colorNeutralBackground2:#161616!important;--colorNeutralBackground3:#121212!important;--colorNeutralForeground1:#f0f0f0!important;--colorNeutralForeground1Hover:#fff!important;--colorNeutralForeground2:#a6a6a6!important;--colorNeutralForeground2Hover:#f0f0f0!important;--colorNeutralForeground3:#787878!important;--colorNeutralStroke1:#2e2e2e!important;--colorNeutralStroke2:#242424!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}:root:not([data-theme=light]) .login-sponsor-banner{background:var(--bg-card);color:var(--accent-color);border-color:var(--border-color)}:root:not([data-theme=light]) .sidebar-link:hover{background:#282828}:root:not([data-theme=light]) .sidebar-link.active{color:var(--accent-color);background:#15293e}:root:not([data-theme=light]) .data-table th{color:var(--text-secondary);background:#242424}:root:not([data-theme=light]) .data-table tr:hover td{background:#262626}:root:not([data-theme=light]) .badge-success{color:#6ccb5f;background:#54b0542e}:root:not([data-theme=light]) .badge-danger{color:#f1707b;background:#f1707b2e}:root:not([data-theme=light]) .badge-warning{color:#fce100;background:#fce10029}:root:not([data-theme=light]) .badge-info{color:#4aa3ff;background:#4aa3ff2e}:root:not([data-theme=light]) .login-container{background:#0d1520}:root:not([data-theme=light]) .login-card,:root:not([data-theme=light]) .dialog-content,:root:not([data-theme=light]) .fui-DialogSurface,:root:not([data-theme=light]) .fui-PopoverSurface,:root:not([data-theme=light]) .fui-MenuPopover{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 60px #0009!important}:root:not([data-theme=light]) .fui-DialogTitle,:root:not([data-theme=light]) .fui-DialogContent,:root:not([data-theme=light]) .fui-DialogBody{color:var(--text-primary)!important}:root:not([data-theme=light]) .fui-MessageBar{color:var(--text-primary)!important;border:1px solid var(--border-color)!important;background-color:#1e242b!important}:root:not([data-theme=light]) .fui-MessageBar[data-intent=error],:root:not([data-theme=light]) .fui-MessageBar[class*=error]{color:#ff9aa2!important;background-color:#d1343829!important;border-color:#f1707b66!important}:root:not([data-theme=light]) .fui-MessageBar[data-intent=success],:root:not([data-theme=light]) .fui-MessageBar[class*=success]{color:#8ee084!important;background-color:#107c102e!important;border-color:#6ccb5f66!important}:root:not([data-theme=light]) .fui-MessageBar[data-intent=warning],:root:not([data-theme=light]) .fui-MessageBar[class*=warning]{color:#fce100!important;background-color:#fce10024!important;border-color:#fce10061!important}:root:not([data-theme=light]) .fui-MessageBarBody{color:inherit!important}:root:not([data-theme=light]) .fui-Button{color:var(--text-primary)}:root:not([data-theme=light]) .fui-Button:not([class*=primary]):not([class*=subtle]):not([class*=transparent]){color:var(--text-primary);background-color:#292929;border-color:#404040}:root:not([data-theme=light]) .fui-Button:not([class*=primary]):not([class*=subtle]):not([class*=transparent]):hover:not(:disabled){background-color:#333;border-color:#525252}:root:not([data-theme=light]) .fui-Button[style*=danger-color]{color:#fff!important}:root:not([data-theme=light]) .fui-Input,:root:not([data-theme=light]) .fui-Textarea,:root:not([data-theme=light]) .fui-Dropdown,:root:not([data-theme=light]) .fui-Select__select{color:var(--text-primary)!important;border-color:var(--border-color)!important;background-color:#161616!important}:root:not([data-theme=light]) .fui-Dropdown__button{color:var(--text-primary)!important}:root:not([data-theme=light]) .fui-Listbox{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;box-shadow:0 12px 36px #0000008c!important}:root:not([data-theme=light]) .fui-Option{color:var(--text-primary)!important}:root:not([data-theme=light]) .fui-Option:hover,:root:not([data-theme=light]) .fui-Option[aria-selected=true]{background-color:#282828!important}:root:not([data-theme=light]) .fui-Input__input,:root:not([data-theme=light]) .fui-Textarea__textarea,:root:not([data-theme=light]) select,:root:not([data-theme=light]) option{color:var(--text-primary);background-color:#161616}:root:not([data-theme=light]) .warning-banner-card{background:#fce1001f;border-color:#fce10061}:root:not([data-theme=light]) .warning-banner-title{color:#fce100}:root:not([data-theme=light]) .notification-preview-banner.is-emergency{color:#ff9aa2;background:#d1343838;border-color:#f1707b73}:root:not([data-theme=light]) .timeline-type-badge.type-0{color:#4aa3ff;background:#4aa3ff2e}:root:not([data-theme=light]) .timeline-type-badge.type-1{color:#6ccb5f;background:#54b0542e}:root:not([data-theme=light]) .timeline-type-badge.type-2,:root:not([data-theme=light]) .timeline-type-badge.type-3{color:var(--text-secondary);background:#2a2a2a}:root:not([data-theme=light]) .timeline-item.type-2{background:#242424}:root:not([data-theme=light]) .classplan-row.is-break{background:#54b0541f;border-color:#54b05459}:root:not([data-theme=light]) .classplan-row.is-divider{border-color:var(--border-color);background:#242424}:root:not([data-theme=light]) .json-editor textarea,:root:not([data-theme=light]) .code-block{color:var(--text-primary);border-color:var(--border-color);background:#161616}:root:not([data-theme=light]) .settings-item{border-bottom-color:var(--border-color)}:root:not([data-theme=light]) .user-menu-trigger:hover{background:#2a2a2a;border-color:#3d3d3d}:root:not([data-theme=light]) .user-menu-item:hover,:root:not([data-theme=light]) .user-menu-account-item:hover{background:#2a2a2a}:root:not([data-theme=light]) .user-menu-item-admin:hover,:root:not([data-theme=light]) .user-menu-account-item.active{background:#15293e}:root:not([data-theme=light]) .user-menu-item-danger:hover{background:#f1707b2e}:root:not([data-theme=light]) .api-key-cell,:root:not([data-theme=light]) .account-card-slug{color:var(--text-secondary);background:#2a2a2a}:root:not([data-theme=light]) .account-card-icon{color:var(--accent-color);background:#15293e}}
