@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";
.oflow{--bg:#f4f5f7;--surface:#fff;--surface-soft:#f9fafb;--surface-2:#f1f2f5;--hairline:#e6e8ed;--hairline-2:#d9dde4;--ink:#0b0f19;--ink-2:#1a1f2c;--ink-muted:#5b6473;--ink-faint:#6b7484;--blue:#1e3a8a;--blue-soft:#e6ecf7;--blue-line:#c8d3ea;--blue-ink:#2a4180;--amber:#a05a18;--amber-soft:#fbe5c8;--amber-line:#ecc79a;--red:#c72a1c;--red-soft:#fbe0dd;--red-line:#f0b6b0;--green:#2eb77c;--green-soft:#e0f4eb;--green-line:#b6e6d1;--green-dark:#239960;--green-ink:#0f6938;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;--shadow-1:0 1px 2px #0b0f190d, 0 1px 0 #0b0f1905;--tap-min:44px;--tap-primary:56px;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11", "tnum";font-variant-numeric:tabular-nums;min-height:100dvh;font-family:Geist,system-ui,sans-serif}.oflow *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oflow h1,.oflow h2,.oflow h3,.oflow h4,.oflow h5,.oflow h6{letter-spacing:-.02em;color:var(--ink);font-family:Geist,system-ui,sans-serif}.oflow .mono{font-variant-numeric:tabular-nums;font-family:Geist Mono,ui-monospace,monospace}.oflow .hairline-b{border-bottom:1px solid var(--hairline)}.oflow .hairline-t{border-top:1px solid var(--hairline)}.oflow :focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.oflow .btn-primary{background:var(--ink);color:#fff;border-radius:var(--r-md);min-height:var(--tap-min);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:500;transition:background .15s,transform 80ms;display:inline-flex}.oflow .btn-primary:hover{background:var(--ink-2)}.oflow .btn-primary:active{transform:translateY(1px)}.oflow .btn-primary:disabled{opacity:.45;pointer-events:none}.oflow .btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--hairline-2);border-radius:var(--r-md);min-height:var(--tap-min);justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:500;transition:border-color .15s;display:inline-flex}.oflow .btn-secondary:hover{border-color:var(--ink)}.oflow .btn-secondary:disabled{opacity:.45;pointer-events:none}.oflow .btn-danger{background:var(--red);color:#fff;border-radius:var(--r-md);min-height:var(--tap-min);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:500;transition:opacity .15s,transform 80ms;display:inline-flex}.oflow .btn-danger:hover{opacity:.92}.oflow .btn-danger:active{transform:translateY(1px)}.oflow .btn-danger:disabled{opacity:.45;pointer-events:none}.oflow .btn-ghost{color:var(--ink);border-radius:var(--r-md);min-height:var(--tap-min);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:inline-flex}.oflow .btn-ghost:hover{background:var(--surface-soft)}.oflow .btn-lg{min-height:var(--tap-primary);padding:14px 20px;font-size:16px}.oflow .badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-sm);align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.oflow .badge-soft{background:var(--blue-soft);color:var(--blue-ink)}.oflow .badge-warn{background:var(--amber-soft);color:var(--amber)}.oflow .badge-urgent{background:var(--surface);color:var(--red);border:1px solid var(--red-line)}.oflow .badge-ok{background:var(--green-soft);color:var(--green-ink)}.oflow .badge-purple{background:var(--blue-soft);color:var(--blue-ink)}.oflow .badge-outline{background:var(--surface);color:var(--ink-muted);border:1px solid var(--hairline-2)}.oflow .badge-solid{background:var(--ink);color:#fff}.oflow .card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.oflow .card-flat{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg)}.oflow .input{background:var(--surface);border:1px solid var(--hairline-2);border-radius:var(--r-md);color:var(--ink);width:100%;min-height:var(--tap-min);padding:12px 14px;font-size:15px}.oflow .input:focus{border-color:var(--ink);outline:none}.oflow .input::placeholder{color:var(--ink-faint)}.oflow .search{background:var(--surface);border:1px solid var(--hairline-2);border-radius:var(--r-md);color:var(--ink);width:100%;min-height:var(--tap-min);padding:12px 16px 12px 44px;font-size:15px}.oflow .search:focus{border-color:var(--ink);outline:none}.oflow .search::placeholder{color:var(--ink-faint)}.oflow .skeleton{background:var(--surface-2);border-radius:var(--r-sm);animation:1.2s ease-in-out infinite skPulse}@keyframes skPulse{0%,to{opacity:1}50%{opacity:.55}}.oflow .scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.oflow .scrollbar-none::-webkit-scrollbar{display:none}.oflow ::-webkit-scrollbar{width:6px;height:6px}.oflow ::-webkit-scrollbar-track{background:0 0}.oflow ::-webkit-scrollbar-thumb{background:var(--hairline-2);border-radius:3px}