:root{--op-green:#32a84e;--op-green-hover:#288a3e;--op-green-dark:#237634;--op-error:#da3043;--op-warning:#fcb723;--op-info:#44afd8;--op-blue:#2c67df;--op-amber:#e69405;--op-orange:#fe8103;--op-purple:#9161fd;--op-green-soft:#d8edda;--op-error-soft:#fef5f4;--op-warning-soft:#fdecce;--op-blue-soft:#dae4fc;--op-amber-soft:#fbeed0;--op-orange-soft:#fff8f2;--op-purple-soft:#ede8fd;--op-gray-soft:#9ba3b0;--op-white:#fff;--op-black:#1d1d1b;--op-gray-50:#f8f9fa;--op-gray-100:#f1f3f5;--op-gray-200:#e9ecef;--op-gray-300:#dee2e6;--op-gray-500:#adb5bd;--op-gray-700:#495057;--op-gray-900:#212529;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:var(--op-gray-50);--surface:var(--op-white);--surface-muted:var(--op-gray-50);--surface-elevated:var(--op-white);--sidebar-grad-from:#0a130c;--sidebar-grad-to:#0c3114;--sidebar-bg:linear-gradient(200deg, var(--sidebar-grad-from) 0%, var(--sidebar-grad-to) 100%);--sidebar-fg:#fbfbfd;--sidebar-fg-strong:var(--op-white);--sidebar-item-active-bg:#ffffff29;--sidebar-divider:#ffffff14;--sidebar-w:288px;--sidebar-gutter:24px;--sidebar-brand-h:88px;--sidebar-item-h:56px;--sidebar-item-gap:8px;--sidebar-item-radius:14px;--header-h:88px;--header-bg:#fbfbfd;--header-fg:#2b2b2b;--header-border:#eaebf1;--header-pad-x:27px;--header-control-h:56px;--header-control-radius:8px;--header-placeholder:#747e94;--header-hint:#a3acba;--text-primary:var(--op-gray-900);--text-secondary:var(--op-gray-700);--text-muted:var(--op-gray-500);--text-on-dark:var(--op-white);--border:var(--op-gray-200);--border-strong:var(--op-gray-300);--divider:var(--op-gray-100);--shadow-sm:0 2px 6px #0000000a;--shadow-md:0 6px 18px #00000014;--shadow-lg:0 12px 32px #00000026;--input-bg:var(--op-white);--input-border:var(--op-gray-300);--background:var(--bg);--foreground:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw}body{min-height:100%;color:var(--text-primary);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:disabled{cursor:not-allowed}input{font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--op-green);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px #28a74559}