:root{--bg:#f6f8f9;--bg-2:#eef3f5;--surface:#fff;--surface-2:#f9fbfc;--ink:#15232b;--ink-muted:#5b6b73;--line:#dde4e8;--primary:#1a5f7a;--primary-ink:#fff;--primary-soft:#e3f0f4;--accent:#2a9d8f;--accent-soft:#dff2ef;--warm:#e9b44c;--warm-soft:#fbf1dc;--pain:#d1735a;--info:#6c8ebf;--danger:#b4483a;--focus:#2a9d8f;--shadow-sm:0 1px 2px #15232b0f, 0 1px 3px #15232b0d;--shadow-md:0 4px 16px #15232b14, 0 1px 3px #15232b0f;--shadow-lg:0 18px 48px #15232b1f;--radius-sm:8px;--radius:12px;--radius-lg:18px;--font:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--ease-enter:cubic-bezier(.05, .7, .1, 1);--ease-exit:cubic-bezier(.3, 0, .8, .15);--t-fast:.12s;--t-base:.22s;--t-slow:.36s;--bubble-user:#1a5f7a;--bubble-user-ink:#fff;--bubble-ai:#fff;--gradient-a:#e3f0f4;--gradient-b:#f6f8f9;--gradient-c:#dff2ef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1a1f;--bg-2:#13222a;--surface:#16252c;--surface-2:#1a2c34;--ink:#e6eef1;--ink-muted:#93a5ad;--line:#26373f;--primary:#4fa3c2;--primary-ink:#0f1a1f;--primary-soft:#1b3642;--accent:#4cc2b0;--accent-soft:#173a36;--warm:#f0c766;--warm-soft:#3a3120;--pain:#e38d74;--info:#8aa9d6;--danger:#e38d74;--focus:#4cc2b0;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 18px 48px #00000073;--bubble-user:#2f7f9c;--bubble-user-ink:#fff;--bubble-ai:#1a2c34;--gradient-a:#13262e;--gradient-b:#0f1a1f;--gradient-c:#122a28;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1a1f;--bg-2:#13222a;--surface:#16252c;--surface-2:#1a2c34;--ink:#e6eef1;--ink-muted:#93a5ad;--line:#26373f;--primary:#4fa3c2;--primary-ink:#0f1a1f;--primary-soft:#1b3642;--accent:#4cc2b0;--accent-soft:#173a36;--warm:#f0c766;--warm-soft:#3a3120;--pain:#e38d74;--info:#8aa9d6;--danger:#e38d74;--focus:#4cc2b0;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 18px 48px #00000073;--bubble-user:#2f7f9c;--bubble-user-ink:#fff;--bubble-ai:#1a2c34;--gradient-a:#13262e;--gradient-b:#0f1a1f;--gradient-c:#122a28;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:15px;line-height:1.5}.tabular{font-variant-numeric:tabular-nums}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}a{color:var(--primary)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line));background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--primary) 88%, black);border-color:color-mix(in srgb, var(--primary) 88%, black)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--primary-soft);border-color:#0000}.btn-sm{border-radius:8px;min-height:32px;padding:0 10px;font-size:13px}.icon-btn{width:36px;height:36px;color:var(--ink-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.icon-btn[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}.input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:10px;padding:10px 12px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--ink-muted)}.error-text{color:var(--danger);font-size:14px}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100%;color:var(--ink-muted);place-items:center;display:grid}.demo-badge{z-index:50;background:var(--warm-soft);color:color-mix(in srgb, var(--warm) 60%, var(--ink));border:1px solid color-mix(in srgb, var(--warm) 50%, transparent);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:12px;left:12px}.demo-badge-inline{flex:none;position:static}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-text{letter-spacing:-.01em;font-size:16px}.logo-text strong{color:var(--primary);font-weight:700}.lang-btn{letter-spacing:.04em;font-size:12px;font-weight:700}.ring{flex:none;place-items:center;display:inline-grid;position:relative}.ring svg{position:absolute;inset:0}.ring-label{color:var(--ink-muted);font-size:11px;font-weight:600}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar-user{color:var(--ink-muted);font-size:14px}@media (width<=600px){.topbar-user{display:none}}.page{max-width:1120px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:28px;font-weight:700}.page-head p{margin:4px 0 0}.login{background:radial-gradient(1200px 600px at 10% -10%, var(--gradient-a), transparent 60%), radial-gradient(900px 600px at 110% 110%, var(--gradient-c), transparent 60%), var(--gradient-b);flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.chevron-motif{width:100%;height:100%;color:var(--primary)}.chevron-motif use{fill:currentColor}.chev-row{animation:38s linear infinite chev-drift}.chev-row-1{animation-duration:52s;animation-direction:reverse}.chev-row-2{animation-duration:64s}@keyframes chev-drift{0%{translate:0}to{translate:190px}}.login-top{justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px);display:flex;position:relative}.login-top-actions{gap:4px;display:flex}.login-main{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);align-items:center;gap:clamp(24px,6vw,96px);width:100%;max-width:1160px;margin:0 auto;padding:16px clamp(16px,4vw,48px) 48px;display:grid;position:relative}@media (width<=860px){.login-main{grid-template-columns:1fr}.hero-preview{display:none}}.login-hero h1{letter-spacing:-.02em;max-width:14em;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700}.login-hero p{color:var(--ink-muted);max-width:34em;margin:0 0 8px;font-size:17px}.hero-preview{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 75%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-md);max-width:520px;margin-top:32px;padding:18px}.hero-chevrons{gap:4px;margin-bottom:12px;display:flex}.hero-chev{color:var(--primary);background:var(--primary-soft);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);white-space:nowrap;text-overflow:ellipsis;animation:pop-in .5s var(--ease-enter) both;flex:1;padding:8px 14px 8px 18px;font-size:12px;font-weight:600;overflow:hidden}.hero-chev.active{background:var(--primary);color:var(--primary-ink)}.hero-lanes{gap:8px;display:grid}.hero-lane{background:color-mix(in srgb, var(--primary) 4%, var(--surface));border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;display:grid}.hero-card{background:var(--surface);border:1.5px solid color-mix(in srgb, var(--primary) 35%, var(--line));height:30px;animation:pop-in .5s var(--ease-enter) both;border-radius:8px}.hero-card.assumed{background:0 0;border-style:dashed}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.login-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px}.tabs{background:var(--bg-2);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.tab{min-height:38px;color:var(--ink-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:9px;font-weight:600}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.login-form{gap:14px;display:grid}.field{gap:6px;font-size:14px;font-weight:500;display:grid}.login-submit{min-height:46px;margin-top:4px}.login-test{border-top:1px dashed var(--line);gap:10px;margin-top:22px;padding-top:18px;display:grid}.login-test-head{color:color-mix(in srgb, var(--warm) 55%, var(--ink));align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.login-test-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=420px){.login-test-buttons{grid-template-columns:1fr}}.test-btn{border-style:dashed;border-color:color-mix(in srgb, var(--warm) 60%, var(--line));background:var(--warm-soft);font-size:14px}.test-btn:hover{background:color-mix(in srgb, var(--warm-soft) 70%, var(--warm));border-color:var(--warm)}.app-page{background:radial-gradient(900px 400px at 0% 0%, var(--gradient-a), transparent 60%), var(--bg);min-height:100%}.process-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.process-card{min-height:150px;color:inherit;transition:transform var(--t-base) var(--ease-enter), box-shadow var(--t-base), border-color var(--t-base);flex-direction:column;justify-content:space-between;gap:20px;padding:18px;text-decoration:none;display:flex}.process-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 35%, var(--line));transform:translateY(-2px)}.process-card-top{align-items:flex-start;gap:14px;display:flex}.process-card-title h2{overflow-wrap:anywhere;margin-bottom:6px;font-size:17px;font-weight:600}.level-chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.process-card-foot{color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--bg-2) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--primary);justify-items:center;gap:8px;padding:48px 24px;display:grid}.empty h2{color:var(--ink);font-size:20px}.empty p{max-width:28em;margin:0 0 12px}.notice{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.admin-section{margin-bottom:32px}.admin-section h2{margin-bottom:12px;font-size:18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);background:var(--surface-2);font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:0}.table a{font-weight:500}.role-switch{background:var(--bg-2);border-radius:9px;padding:3px;display:inline-flex}.role-switch button{cursor:pointer;color:var(--ink-muted);background:0 0;border:0;border-radius:7px;padding:4px 10px;font-size:13px}.role-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}
