:root{--font-heading:"Google Sans","Roboto",system-ui,Arial,sans-serif;--font-body:"Roboto",system-ui,Arial,sans-serif;--font-mono:"Roboto Mono",ui-monospace,monospace;--color-bg:#f0f4f9;--color-surface:#ffffff;--color-surface-2:#f8fafd;--color-surface-3:#e9eef6;--color-text:#1f1f1f;--color-divider:#e3e3e3;--color-neutral-100:#f8f9fa;--color-neutral-200:#f1f3f4;--color-neutral-300:#e8eaed;--color-neutral-400:#dadce0;--color-neutral-500:#9aa0a6;--color-neutral-600:#80868b;--color-neutral-700:#5f6368;--color-neutral-800:#3c4043;--color-neutral-900:#202124;--color-accent:#0b57d1;--color-accent-100:#e8f0fe;--color-accent-200:#d3e3fd;--color-accent-300:#a8c7fa;--color-accent-500:#1a73e8;--color-accent-600:#0a4bb8;--color-accent-700:#0842a0;--color-accent-800:#062e6f;--color-accent-900:#041e49;--color-danger:#b3261e;--color-danger-100:#fce8e6;--color-danger-200:#f9dedc;--color-danger-700:#c5221f;--color-danger-800:#8c1d18;--color-danger-900:#601410;--color-ok:#146c2e;--color-ok-100:#e6f4ea;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(60,64,67,0.15);--shadow-md:0 1px 3px rgba(60,64,67,0.15),0 4px 8px 3px rgba(60,64,67,0.06);--shadow-lg:0 4px 8px 3px rgba(60,64,67,0.14),0 1px 3px rgba(60,64,67,0.2)}*,:after,:before{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0;font-weight:400;margin:0}h4,h5,h6{font-weight:500}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--color-accent-200)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#c4c7c5;border-radius:99px;border:3px solid transparent;background-clip:content-box}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes slidein{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}.btn{border-radius:999px;font-family:var(--font-heading);font-weight:500;font-size:14px;padding:10px 24px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,box-shadow .15s}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-600);box-shadow:var(--shadow-sm)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{background:var(--color-surface-3);color:var(--color-accent-700)}.btn-secondary:hover{background:var(--color-accent-200)}.btn-ghost{background:transparent;color:var(--color-accent);padding:10px 12px}.btn-ghost:hover{background:var(--color-accent-100)}.btn-block{width:100%}.btn:disabled{opacity:.38;cursor:default;box-shadow:none}.input{border-radius:8px;border:1px solid var(--color-neutral-400);background:var(--color-surface);padding:13px 15px;font-size:14px;font-family:var(--font-body);color:var(--color-text);width:100%}.input:hover{border-color:var(--color-neutral-700)}.input:focus{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);outline:none}textarea.input{resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;color:var(--color-neutral-700)}.hint{font-size:11.5px;color:var(--color-neutral-600);line-height:1.5}.chip{font-family:var(--font-heading);font-weight:500;font-size:13px;padding:8px 16px;border:0;background:var(--color-surface-3);color:var(--color-neutral-800);cursor:pointer;border-radius:999px;white-space:nowrap}.chip[data-on=true]{background:var(--color-accent-200);color:var(--color-accent-800)}.tag{border-radius:8px;font-size:11px;font-weight:500;padding:5px 10px;white-space:nowrap;display:inline-flex;align-items:center}.tag-accent{background:var(--color-accent-200);color:var(--color-accent-800)}.tag-neutral{background:var(--color-neutral-200);color:var(--color-neutral-800)}.tag-outline{background:var(--color-neutral-100);color:var(--color-neutral-700)}.tag-ok{background:var(--color-ok-100);color:var(--color-ok)}.tag-danger{background:var(--color-danger-200);color:var(--color-danger-800)}.table{border-collapse:collapse;width:100%;background:transparent}.table th{font-family:var(--font-body);font-weight:500;font-size:12px;color:var(--color-neutral-700);padding:12px 16px;text-align:left}.table td,.table th{border-bottom:1px solid var(--color-divider)}.table td{padding:14px 16px}.table tbody tr:hover{background:var(--color-surface-2)}.card{background:var(--color-surface);border-radius:20px;padding:26px}.panel{background:var(--color-surface-2);border-radius:16px;padding:22px 24px}.notice{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.notice-error{background:var(--color-danger-200);color:var(--color-danger-800)}.notice-info{background:var(--color-accent-100);color:var(--color-accent-900)}.notice-ok{background:var(--color-ok-100);color:var(--color-ok)}.notice-muted{background:var(--color-surface-2);color:var(--color-neutral-800)}.mono{font-family:var(--font-mono)}.muted{color:var(--color-neutral-700)}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.spacer{flex:1 1}.brandmark{width:26px;height:26px;background:var(--color-accent);border-radius:8px;display:block;flex:none}.empty{background:var(--color-surface-2);border-radius:24px;padding:48px 44px;max-width:640px}.empty h3{font-size:20px;margin-bottom:10px}.empty p{font-size:14px;color:var(--color-neutral-700);margin:0;line-height:1.6;max-width:52ch}.toast{position:fixed;left:24px;bottom:24px;background:#3c4043;color:#fff;padding:14px 20px;max-width:420px;font-size:13.5px;line-height:1.5;z-index:60;animation:slidein .18s ease-out;border-radius:8px;box-shadow:var(--shadow-lg)}.spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:999px;animation:spin .7s linear infinite;display:inline-block}.split-2>*,.split-3>*,.split-4>*{min-width:0}body,html{max-width:100%;overflow-x:hidden}.app-nav{min-width:0;transition:width .18s ease}.nav-burger{transition:background .12s ease}.nav-burger:focus-visible,.nav-burger:hover{background:var(--color-surface-3)!important}.nav-item{position:relative}.app-nav.is-collapsed .nav-item:after{content:attr(data-tip);left:calc(100% + 12px);padding:6px 10px;border-radius:8px;background:var(--color-neutral-900);color:#fff;font-size:12.5px;font-weight:400;line-height:1;white-space:nowrap;box-shadow:var(--shadow-md)}.app-nav.is-collapsed .nav-item:after,.app-nav.is-collapsed .nav-item:before{position:absolute;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:60}.app-nav.is-collapsed .nav-item:before{content:"";left:calc(100% + 6px);border:6px solid transparent;border-right:6px solid var(--color-neutral-900)}.app-nav.is-collapsed .nav-item:focus-visible:after,.app-nav.is-collapsed .nav-item:focus-visible:before,.app-nav.is-collapsed .nav-item:hover:after,.app-nav.is-collapsed .nav-item:hover:before{opacity:1;visibility:visible}@media (max-width:1000px){.app-nav.is-collapsed .nav-item:after,.app-nav.is-collapsed .nav-item:before{display:none}.app-shell{flex-direction:column!important}.app-nav{width:100%!important;flex-direction:row!important;overflow-x:auto}.split-2,.split-3,.split-4{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:760px){.hide-sm{display:none!important}}