:root{--bg: #0b0d11;--bg-raise: #0f1217;--panel: #13171d;--panel-2: #181d25;--panel-3: #1e2430;--line: #232a35;--line-strong: #2f3846;--text: #e7eaf0;--text-dim: #b4bccb;--muted: #7f8a9c;--accent: #f2b34b;--accent-ink: #1b1305;--accent-soft: rgb(242 179 75 / .12);--st-pending: #6b7586;--st-in-progress: #5aa2ff;--st-awaiting: #f2b34b;--st-changes: #ff8064;--st-approved: #3fd29a;--st-blocked: #f2557a;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 0 rgb(255 255 255 / .03) inset, 0 12px 32px -16px rgb(0 0 0 / .6);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(1200px 500px at 10% -10%,rgb(90 162 255 / .06),transparent 60%),radial-gradient(900px 400px at 100% 0%,rgb(242 179 75 / .05),transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;overflow-wrap:anywhere;font-weight:600;letter-spacing:-.01em}p{margin:0}::selection{background:#f2b34b59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:36px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font:inherit;font-size:.875rem;font-weight:550;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--panel-3);border-color:#3a4556}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#ffc45f}.btn.approve{background:var(--st-approved);border-color:var(--st-approved);color:#04170f}.btn.approve:hover{background:#5be2ae}.btn.danger{color:var(--st-changes);border-color:#ff806459;background:#ff80640f}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{background:var(--panel-2);color:var(--text)}.btn.sm{height:30px;padding:0 10px;font-size:.8125rem}label.field{display:grid;gap:6px;font-size:.8125rem;color:var(--text-dim);font-weight:500}input[type=text],input[type=password],input[type=date],input[type=number],textarea{width:100%;background:var(--bg-raise);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.9rem;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:96px;line-height:1.55}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.panel{background:linear-gradient(180deg,var(--panel) 0%,rgb(19 23 29 / .92) 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--mono);font-size:.82em}.muted{color:var(--muted)}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;border:1px solid var(--line-strong);background:var(--panel-2)}.notice.error{border-color:#f2557a66;background:#f2557a14;color:#ffc0cf}.notice.warn{border-color:#f2b34b59;background:#f2b34b12;color:#ffe0a8}.notice.info{border-color:#5aa2ff59;background:#5aa2ff12;color:#cfe3ff}.notice.ok{border-color:#3fd29a59;background:#3fd29a12;color:#c4f5df}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.skip.svelte-12qhfyh{position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;background:var(--panel);transform:translateY(-150%)}.skip.svelte-12qhfyh:focus{transform:translateY(0)}.topbar.svelte-12qhfyh{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#0b0d11d1;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.inner.svelte-12qhfyh{max-width:1360px;margin:0 auto;height:58px;padding:0 20px;display:flex;align-items:center;gap:28px}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.mark.svelte-12qhfyh{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent);background:var(--accent-soft);border:1px solid rgb(242 179 75 / .25)}.word.svelte-12qhfyh{font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.tag.svelte-12qhfyh{font-size:.75rem;color:var(--muted);padding-left:10px;border-left:1px solid var(--line-strong)}nav.svelte-12qhfyh{display:flex;gap:4px}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:6px 12px;border-radius:8px;color:var(--text-dim);font-size:.875rem;font-weight:500}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text);background:var(--panel-2)}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--text);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.who.svelte-12qhfyh{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar.svelte-12qhfyh{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#2b3546,#1b212b);border:1px solid var(--line-strong)}.name.svelte-12qhfyh{font-size:.875rem;color:var(--text-dim)}main.svelte-12qhfyh{max-width:1360px;margin:0 auto;padding:28px 20px 80px}main.bare.svelte-12qhfyh{max-width:none;padding:0}@media(max-width:720px){.tag.svelte-12qhfyh,.name.svelte-12qhfyh{display:none}.inner.svelte-12qhfyh{gap:14px;padding:0 14px}main.svelte-12qhfyh{padding:18px 14px 60px}}@media(max-width:420px){.word.svelte-12qhfyh,.avatar.svelte-12qhfyh{display:none}.inner.svelte-12qhfyh{gap:8px}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:6px 8px}.who.svelte-12qhfyh{gap:0}}
