:root{--color-bg-base:#f4f5f7;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-hover:#eceef1;--color-text-primary:#12151a;--color-text-secondary:#5b6472;--color-text-disabled:#9aa3b0;--color-border:#d8dce2;--color-border-subtle:#0f172a14;--color-primary:#2657c7;--color-primary-hover:#1d46a3;--color-primary-bg:#2657c71f;--color-success:#15803d;--color-success-bg:#15803d1f;--color-warning:#b45309;--color-warning-bg:#b453091f;--color-danger:#b91c1c;--color-danger-bg:#b91c1c1f;--color-info:#1d4ed8;--color-info-bg:#1d4ed81f;--font-family:system-ui, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 8px 24px #1018281f;--bg:var(--color-bg-base);--surface:var(--color-bg-elevated);--text:var(--color-text-primary);--text-muted:var(--color-text-secondary);--border:var(--color-border);--black:var(--color-primary);--danger:var(--color-danger);--danger-bg:var(--color-danger-bg);--success:var(--color-success);--success-bg:var(--color-success-bg);--shadow:var(--shadow-md);font-family:var(--font-family);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}button{color:inherit;font-family:inherit}.btn{cursor:pointer;background:var(--black);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.85}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-danger{background:var(--danger)}.btn-outline-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.input{border:1px solid var(--border);background:var(--color-bg-surface);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:15px}.input::placeholder{color:var(--text-muted)}.input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--color-bg-surface) inset}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--color-bg-surface) inset}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--color-bg-surface) inset}.input:focus{outline:2px solid var(--black);outline-offset:-1px}.card{background:var(--surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow);border-radius:14px;padding:16px}.badge{text-transform:uppercase;color:#fff;border-radius:6px;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-blue{background:var(--color-info)}.badge-green{background:var(--success)}.badge-gray{background:var(--color-text-disabled)}.badge-red{background:var(--danger)}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.error-text{color:var(--danger);font-size:14px}.btn-ghost{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);background:0 0;border:none}.btn-ghost:hover{color:var(--color-text-primary)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:700}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--color-bg-hover);animation:1.4s ease-in-out infinite skeleton-pulse}.sidebar-badge{background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 7px;font-weight:700}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);width:232px;padding:var(--space-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);z-index:10;display:flex;position:sticky;top:0}.app-content{padding:var(--space-6)}.app-content-inner{max-width:720px;margin:0 auto}.app-menu-button{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.app-menu-button:hover{background:var(--color-bg-hover)}.app-sidebar-backdrop{display:none}@media (width<=767px){.app-sidebar{z-index:30;height:100dvh;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-sidebar-backdrop.open{z-index:20;background:#0000008c;border:none;padding:0;display:block;position:fixed;inset:0}.app-menu-button{display:inline-flex}.app-topbar{padding:var(--space-3) var(--space-4)}.app-content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}