@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&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:#8a93a2;--blue:#1e3a8a;--blue-soft:#e6ecf7;--blue-line:#c8d3ea;--blue-ink:#2a4180;--amber:#b26821;--amber-soft:#fbe5c8;--amber-line:#ecc79a;--red:#c72a1c;--red-soft:#fbe0dd;--red-line:#f0b6b0;--green:#00b574;--green-soft:#dcf5ea;--green-line:#b2e5cc;--green-dark:#008a57;--green-ink:#0f6938;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";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 .btn-primary{background:var(--ink);color:#fff;border-radius:14px;padding:14px 18px;font-weight:500;transition:transform 80ms,background .2s;box-shadow:0 1px #0b0f190a,0 6px 16px -8px #0b0f1959}.oflow .btn-primary:hover{background:var(--ink-2)}.oflow .btn-primary:active{transform:translateY(1px)}.oflow .btn-primary:disabled{opacity:.45;box-shadow:none;pointer-events:none}.oflow .btn-secondary{color:var(--ink);border:1px solid var(--hairline-2);background:#fff;border-radius:12px;padding:12px 16px;font-weight:500;transition:border-color .15s}.oflow .btn-secondary:hover{border-color:var(--ink)}.oflow .btn-ghost{color:var(--ink);background:0 0;border-radius:10px;padding:10px 12px;font-weight:500}.oflow .btn-ghost:hover{background:var(--surface-soft)}.oflow .badge{letter-spacing:.05em;text-transform:uppercase;border-radius:5px;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{color:var(--red);border:1px solid var(--red-line);background:#fff}.oflow .badge-ok{background:var(--green-soft);color:var(--green-ink)}.oflow .badge-purple{color:#5e35b1;background:#ede7f6}.oflow .badge-outline{color:var(--ink-muted);border:1px solid var(--hairline-2);background:#fff}.oflow .badge-solid{background:var(--ink);color:#fff}.oflow .card{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0b0f190a,0 1px #0b0f1905}.oflow .card-flat{border:1px solid var(--hairline);background:#fff;border-radius:16px}.oflow .input{border:1px solid var(--hairline-2);color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:15px}.oflow .input:focus{border-color:var(--ink);outline:none}.oflow .input::placeholder{color:var(--ink-faint)}.oflow .search{border:1px solid var(--hairline-2);color:var(--ink);background:#fff;border-radius:14px;width:100%;padding:14px 16px 14px 44px;font-size:15px}.oflow .search:focus{border-color:var(--ink);outline:none}.oflow .search::placeholder{color:var(--ink-faint)}.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}