:root{--color-background:#131313;--color-surface:#131313;--color-surface-dim:#131313;--color-surface-bright:#393939;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1b1b1c;--color-surface-container:#202020;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353535;--color-on-surface:#e5e2e1;--color-on-surface-variant:#d4c4ab;--color-inverse-surface:#e5e2e1;--color-inverse-on-surface:#303030;--color-outline:#9d8f78;--color-outline-variant:#504532;--color-surface-tint:#febb00;--color-primary:#ffdfa7;--color-on-primary:#412d00;--color-primary-container:#ffbc00;--color-on-primary-container:#6c4e00;--color-inverse-primary:#7a5900;--color-secondary:#c8c6c5;--color-on-secondary:#313030;--color-secondary-container:#4a4949;--color-on-secondary-container:#bab8b7;--color-tertiary:#e3e3e3;--color-on-tertiary:#2f3131;--color-tertiary-container:#c6c7c7;--color-on-tertiary-container:#515353;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--spacing-unit:4px;--spacing-container-margin:24px;--spacing-gutter:16px;--spacing-section-gap:48px;--spacing-component-x:16px;--spacing-component-y:12px;--radius-sm:2px;--radius-default:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-background);color:var(--color-on-surface);font-family:var(--font-sans);min-height:100vh;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--color-surface-container-highest);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-surface-tint)}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary)}.sg-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-default);cursor:pointer;border:none;gap:8px;transition:all .2s ease;text-decoration:none}.sg-btn:disabled{cursor:not-allowed;opacity:.6}.sg-btn-sm{padding:6px 12px;font-size:.85rem}.sg-btn-md{padding:8px 16px;font-size:.9rem}.sg-btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.sg-btn-primary:hover:not(:disabled){opacity:.9}.sg-btn-primary:active:not(:disabled){transform:scale(.98)}.sg-btn-secondary{background-color:transparent;color:var(--color-on-surface);border:1px solid var(--color-outline)}.sg-btn-secondary:hover:not(:disabled){background-color:var(--color-surface-container-high)}.sg-btn-secondary:active:not(:disabled){transform:scale(.98)}.sg-btn-destructive{background-color:var(--color-error-container);color:var(--color-on-error-container)}.sg-btn-destructive:hover:not(:disabled){opacity:.9}.sg-btn-destructive:active:not(:disabled){transform:scale(.98)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes toastSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sg-tab{padding:8px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.sg-tab:hover{color:var(--color-on-surface)}.sg-tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary-container)}.sg-tab:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px}@media (max-width:768px){.app-sidebar{transform:translateX(-100%);transition:transform .2s ease}.app-sidebar.sidebar-mobile-open{transform:translateX(0)}.sidebar-close-btn,.topbar-menu-btn{display:inline-block!important}.app-content{margin-left:0!important}}