.sidebar-wrap{display:flex;flex-shrink:0;height:100vh;position:sticky;top:0;left:0;z-index:40}.sidebar{height:100%;background:var(--color-bg);border-right:var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar--primary{width:60px;min-width:60px;transition:width .2s ease-out}.sidebar--primary-expanded.sidebar--primary{width:180px}.sidebar-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:4px;align-items:stretch}.sidebar-group{display:flex;flex-direction:column}.sidebar-item{display:grid;grid-template-columns:60px 1fr auto;align-items:center;min-height:48px;padding-right:12px;border-radius:10px;color:var(--color-text-muted);font-size:14px;font-weight:500;text-align:left;border:none;background:transparent;cursor:pointer;transition:background .2s,color .2s;width:100%;position:relative;overflow:hidden}.sidebar--primary .sidebar-item{grid-template-columns:60px 0px 0px;padding-right:0;transition:grid-template-columns .2s ease-out}.sidebar--primary-expanded .sidebar-item{grid-template-columns:60px 1fr auto;padding-right:12px}.sidebar-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.sidebar-item--active{background:var(--color-active-bg);color:var(--color-primary)}.sidebar-item--active:hover{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.sidebar-item--active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--color-primary);border-radius:0 4px 4px 0;z-index:2}.sidebar-icon-wrap{width:60px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s;position:relative;z-index:1}.sidebar--primary-expanded .sidebar-label{opacity:1}.sidebar-chevron{opacity:0;transition:transform .2s,opacity .2s;color:var(--color-text-muted)}.sidebar--primary-expanded .sidebar-chevron{opacity:1}.sidebar-chevron--expanded{transform:rotate(180deg)}.sidebar-children{display:flex;flex-direction:column;gap:2px;padding:4px 0;background:#00000005;margin:0 8px;border-radius:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar-item--child{min-height:40px;font-size:13px}.sidebar-item--child .sidebar-icon-wrap{width:50px}.sidebar--primary .sidebar-item--child{grid-template-columns:50px 0px 0px}.sidebar--primary-expanded .sidebar-item--child{grid-template-columns:50px 1fr auto}@media (max-width: 768px){.sidebar-wrap{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .25s ease}.sidebar-wrap--mobile-open{transform:translate(0)}.sidebar-wrap--mobile-open .sidebar--primary{width:260px;min-width:260px}.sidebar-wrap--mobile-open .sidebar-label{opacity:1}.sidebar-wrap--mobile-open .sidebar-item{grid-template-columns:60px 1fr auto;padding-right:12px}.sidebar-wrap--mobile-open .sidebar-item--child{grid-template-columns:50px 1fr auto}.sidebar-wrap--mobile-open .sidebar-chevron{opacity:1}}.theme-switcher{position:relative;display:inline-flex;align-items:center;gap:8px}.theme-switcher-btn,.theme-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease,color .15s ease}.theme-switcher-btn:hover,.theme-mode-btn:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.theme-mode-btn{position:relative;overflow:hidden}.theme-mode-btn:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);opacity:0;transition:opacity .15s ease}.theme-mode-btn:hover:after,.theme-mode-btn.is-dark:after{opacity:1}.theme-mode-btn svg{position:relative;z-index:1}.theme-mode-btn.is-dark{color:#f7c96b;border-color:#f7c96b6b;box-shadow:0 0 0 3px #f7c96b12}.theme-mode-btn.is-system{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-border))}:root[data-color-mode=dark] .theme-switcher-menu{box-shadow:0 22px 58px #0000007a}.theme-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:200px;padding:8px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 16px 40px #0000001f;animation:theme-switcher-pop .16s cubic-bezier(.16,1,.3,1)}@keyframes theme-switcher-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-switcher-heading{padding:6px 10px 8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.theme-switcher-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:none;border-radius:10px;background:transparent;color:var(--color-text);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s ease}.theme-switcher-item:hover{background:var(--color-bg-subtle)}.theme-switcher-item.is-active{background:var(--color-active-bg);color:var(--color-primary)}.theme-switcher-label{flex:1}.theme-swatch{display:inline-flex;width:28px;height:18px;border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.theme-swatch span{display:block;flex:1}.theme-switcher-check{flex-shrink:0;color:var(--color-primary)}.topbar{height:var(--header-height);flex-shrink:0;background:var(--color-bg);border-bottom:var(--border);position:sticky;top:0;z-index:30;transition:box-shadow .2s ease}.topbar--scrolled{box-shadow:var(--shadow-scroll)}.topbar-inner{max-width:100%;width:100%;height:100%;padding-left:24px;padding-right:24px;display:flex;align-items:center;gap:24px}.topbar-brand{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--color-text);font-weight:700;font-size:18px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.topbar-brand:hover{opacity:.9}.topbar-logo-img{height:90%;max-height:calc(var(--header-height) * .9);width:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}:root[data-color-mode=dark] .topbar-logo-img{filter:invert(1);opacity:.92}.topbar-search-spacer{flex:0 0 360px;width:360px;max-width:calc(100vw - 48px);min-width:120px;height:40px}.topbar-search{position:fixed;top:calc((var(--header-height) - 40px) / 2);left:50%;transform:translate(-50%);width:360px;max-width:calc(100vw - 48px);min-width:120px;height:40px;display:flex;align-items:center;gap:10px;background:var(--color-bg-subtle);border:var(--border);border-radius:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.topbar-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.topbar-search-submit{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border:0;padding:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.topbar-search-submit:hover,.topbar-search-submit:focus-visible{color:var(--color-primary);outline:none}.topbar-search-input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--color-text)}.topbar-search-input::placeholder{color:var(--color-text-muted)}.topbar-actions{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.topbar-coin{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(217,119,6,.22);border-radius:999px;color:#8a5200;background:#fff7e6;font-size:12px;font-weight:800;white-space:nowrap}.topbar-coin svg{color:#d97706;flex-shrink:0}.topbar-coin strong{color:#3f2a08;font-size:13px;line-height:1}.topbar-coin:hover{border-color:#d97706;background:#ffefc2}:root[data-color-mode=dark] .topbar-coin{color:#f5c879;background:#d9770621;border-color:#f5c87947}:root[data-color-mode=dark] .topbar-coin strong{color:#ffe3ac}:root[data-color-mode=dark] .topbar-coin:hover{background:#d9770633}.topbar-plan{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--color-bg-subtle);border:var(--border);color:var(--color-text)}.topbar-plan:hover{background:var(--color-active-bg);color:var(--color-primary);border-color:var(--color-primary)}.topbar-lang{position:relative}.topbar-lang-trigger{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:14px;color:var(--color-text);border:none;background:transparent}.topbar-lang-trigger:hover{background:var(--color-bg-subtle)}.topbar-lang-globe{font-size:18px;line-height:1}.topbar-avatar-wrap{position:relative}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:opacity 0s,transform 0s}.topbar-avatar:hover{opacity:.9;transform:scale(1.02)}.topbar-avatar-initials{line-height:1}.topbar-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:var(--color-bg);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-scroll);padding:6px 0;list-style:none;z-index:50}.topbar-dropdown--right{left:auto;right:0}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;color:var(--color-text);text-align:left;transition:background .15s}.topbar-dropdown-item:hover{background:var(--color-bg-subtle)}.topbar-dropdown-item--active{background:var(--color-active-bg);color:var(--color-primary)}.topbar-mobile-menu{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--color-text);flex-shrink:0}.topbar-mobile-menu:hover{background:var(--color-bg-subtle)}@media (max-width: 768px){.topbar-mobile-menu{display:flex}.topbar-search,.topbar-search-spacer{display:none}.topbar-inner{padding-left:12px;padding-right:12px;gap:12px}.topbar-coin{min-width:42px;justify-content:center;padding:0 10px}.topbar-coin-label,.topbar-plan{display:none}.topbar-avatar{width:34px;height:34px;font-size:14px}}.feedback-trigger{position:fixed;right:22px;bottom:22px;z-index:35;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(var(--color-primary-rgb),.16);border-radius:999px;background:var(--color-primary);color:#fff;box-shadow:0 10px 28px #10201d2e;font-size:13px;font-weight:800;cursor:pointer}.feedback-trigger:hover,.feedback-trigger:focus-visible{background:var(--color-primary-hover);outline:none}.feedback-trigger-badge{min-width:20px;height:20px;display:inline-grid;place-items:center;margin-right:-7px;padding:0 5px;border:2px solid var(--color-primary);border-radius:999px;background:var(--color-danger, #dc3d4b);color:#fff;font-size:10px;line-height:1;font-weight:900}.feedback-trigger:hover .feedback-trigger-badge,.feedback-trigger:focus-visible .feedback-trigger-badge{border-color:var(--color-primary-hover)}.feedback-trigger--sat-flow{bottom:80px;z-index:9200}@media (max-width: 768px){.feedback-trigger{right:14px;bottom:14px}.feedback-trigger--sat-flow{bottom:68px}.feedback-trigger--sat-flow-idle{width:44px;min-height:44px;justify-content:center;padding:0}.feedback-trigger--sat-flow-idle>span:not(.feedback-trigger-badge){display:none}.feedback-trigger--sat-flow-idle .feedback-trigger-badge{position:absolute;top:-7px;right:-5px;margin:0}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:10000;font-size:14px;font-weight:600;border-radius:0 0 8px;transition:top .2s}.skip-link:focus{top:0}.app-shell{display:flex;height:100%;min-height:100vh}.app-main-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.app-content-row{flex:1;display:flex;min-width:0;overflow:hidden}.app-main{flex:1;overflow:auto;padding:24px;background:var(--color-bg-subtle);min-width:0}@media (max-width: 768px){.app-main{padding:12px}.app-shell{flex-direction:column}}.mobile-backdrop{display:none}@media (max-width: 768px){.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 240px;--header-height: 64px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", "Inter", Roboto, sans-serif;--border: 1px solid #dbe8e4;--radius: 12px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-scroll: 0 2px 8px rgba(0, 0, 0, .06);--color-bg: #ffffff;--color-bg-subtle: #ffffff;--color-surface: #ffffff;--color-surface-soft: #fbfdfc;--color-surface-elevated: #ffffff;--color-border: #dbe8e4;--color-text: #10201d;--color-text-muted: #5f716d;--color-text-secondary: #5f716d;--color-heading: #10201d;--color-primary: #1f4e5f;--color-primary-hover: #173f4d;--color-primary-light: #79a8a9;--color-primary-soft: #f4f7f7;--color-primary-rgb: 31, 78, 95;--color-primary-light-rgb: 121, 168, 169;--color-accent: #5fc8bd;--color-accent-hover: #549d9d;--color-accent-soft: #edf7f6;--color-accent-rgb: 95, 200, 189;--color-success: var(--color-accent-hover);--color-success-soft: var(--color-accent-soft);--color-warning: var(--color-primary-light);--color-warning-soft: var(--color-primary-soft);--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-active-bg: rgba(var(--color-primary-rgb), .1)}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}input,select,textarea{color:var(--color-text);background-color:var(--color-surface);border-color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.katex .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left}th{font-weight:600;background:var(--color-surface-soft)}:root[data-color-mode=dark] th,:root[data-color-mode=dark] td{border-bottom-color:var(--color-border)}:root[data-color-mode=dark]{color-scheme:dark}:root[data-color-mode=dark] body{background:radial-gradient(circle at top left,rgba(var(--color-primary-rgb),.14),transparent 34rem),var(--color-bg)}:root[data-color-mode=dark] .app-main,:root[data-color-mode=dark] .page-layout,:root[data-color-mode=dark] .admin-main,:root[data-color-mode=dark] .sat-page,:root[data-color-mode=dark] .profile-page,:root[data-color-mode=dark] .find-page,:root[data-color-mode=dark] .home-page{color:var(--color-text);background-color:var(--color-bg-subtle)}:root[data-color-mode=dark] .card,:root[data-color-mode=dark] .sat-card,:root[data-color-mode=dark] .bento-card,:root[data-color-mode=dark] .profile-card,:root[data-color-mode=dark] .find-card,:root[data-color-mode=dark] .leadership-card,:root[data-color-mode=dark] .modal,:root[data-color-mode=dark] .dialog,:root[data-color-mode=dark] [class$=__card],:root[data-color-mode=dark] [class*="__card "]{background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;box-shadow:var(--shadow-scroll)}:root[data-color-mode=dark] h1,:root[data-color-mode=dark] h2,:root[data-color-mode=dark] h3,:root[data-color-mode=dark] h4,:root[data-color-mode=dark] h5,:root[data-color-mode=dark] h6,:root[data-color-mode=dark] strong{color:var(--color-heading)}:root[data-color-mode=dark] p,:root[data-color-mode=dark] span,:root[data-color-mode=dark] label,:root[data-color-mode=dark] small,:root[data-color-mode=dark] li,:root[data-color-mode=dark] div{border-color:var(--color-border)}:root[data-color-mode=dark] input,:root[data-color-mode=dark] select,:root[data-color-mode=dark] textarea,:root[data-color-mode=dark] [contenteditable=true]{background-color:var(--color-surface-soft)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}:root[data-color-mode=dark] button:not(.sat-btn--primary):not([class*=primary]):not([class*=danger]){color:inherit}:root[data-color-mode=dark] table,:root[data-color-mode=dark] th{background-color:var(--color-surface);color:var(--color-text)}:root[data-color-mode=dark] img{color:var(--color-text)}@media (max-width: 768px){:root{--header-height: 56px}body{font-size:14px;-webkit-text-size-adjust:100%}#root{overflow-x:hidden}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px;font-size:13px}img{max-width:100%;height:auto}}