@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#f6f5f1;--bg-alt:#eeede6;--surface:#fff;--surface-2:#f2f1ec;--border:#e4e2d9;--border-strong:#cfccbf;--ink:#111110;--ink-2:#3a3a35;--ink-3:#6b6b63;--ink-4:#9a9a90;--ink-5:#bdbdb2;--primary:#111110;--primary-ink:#fff;--ai:#a8e63d;--ai-ink:#0a1500;--ai-soft:#eef9d0;--ai-deep:#4a7a10;--sans:"Inter Tight", "Inter", -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px #0a0a0a0d;--shadow-md:0 6px 18px #0a0a0a14, 0 1px 3px #0a0a0a0d;--shadow-lg:0 20px 48px #0a0a0a1f;--sidebar-w:240px;--topbar-h:60px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=dark]{--bg:#0c0c0b;--bg-alt:#141413;--surface:#161615;--surface-2:#1d1d1b;--border:#242422;--border-strong:#32322f;--ink:#f5f5f0;--ink-2:#d4d4ce;--ink-3:#9a9a93;--ink-4:#6b6b66;--ink-5:#4a4a46;--primary:#f5f5f0;--primary-ink:#0a0a0a;--ai-soft:#1e2e0a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-size:14px;line-height:1.5}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{display:block}input,textarea{outline:none}.app-layout{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:2px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:8px;margin-bottom:16px;padding:8px 10px;display:flex}.sidebar-logo-mark{background:var(--ai);width:32px;height:32px;color:var(--ai-ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.sidebar-logo-text{letter-spacing:-.04em;font-size:20px;font-weight:700;line-height:1}.sidebar-logo-text span{color:var(--ai)}.sidebar-section{letter-spacing:.08em;color:var(--ink-4);text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--mono);padding:12px 10px 4px}.sidebar-item{border-radius:var(--radius);color:var(--ink-3);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-item:hover{background:var(--surface-2);color:var(--ink)}.sidebar-item.active{background:var(--ai-soft);color:var(--ai-ink)}[data-theme=dark] .sidebar-item.active{color:var(--ai)}.sidebar-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-item.active svg{opacity:1}.sidebar-badge{background:var(--surface-2);color:var(--ink-3);font-size:11px;font-weight:600;font-family:var(--mono);border-radius:20px;margin-left:auto;padding:1px 6px}.sidebar-item.active .sidebar-badge{background:var(--ai);color:var(--ai-ink)}.sidebar-dot{background:var(--ai);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-divider{background:var(--border);height:1px;margin:8px 0}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.sidebar-user{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.sidebar-user:hover{background:var(--surface-2)}.sidebar-avatar{background:var(--ink);width:30px;height:30px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{truncate:true;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--ink-4);font-size:11px}.main-content{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-search{flex:1;max-width:400px;position:relative}.topbar-search input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--ink);padding:7px 12px 7px 34px;font-size:13px;transition:border-color .15s,background .15s}.topbar-search input:focus{border-color:var(--border-strong);background:var(--surface)}.topbar-search input::placeholder{color:var(--ink-4)}.topbar-search-icon{color:var(--ink-4);width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--ink-3);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.topbar-btn:hover{background:var(--surface-2);color:var(--ink)}.topbar-badge{background:var(--ai);width:16px;height:16px;color:var(--ai-ink);font-size:10px;font-weight:700;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.topbar-balance{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--ink);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.topbar-balance:hover{background:var(--border)}.page{flex:1;padding:32px 28px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.15}.page-subtitle{color:var(--ink-3);margin-top:4px;font-size:13.5px}.h-mono{font-family:var(--mono);color:var(--ink-4);letter-spacing:.05em;font-size:11px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{opacity:.85}.btn-ai{background:var(--ai);color:var(--ai-ink);border-color:var(--ai)}.btn-ai:hover{opacity:.9}.btn-ghost{color:var(--ink-2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-sm{padding:5px 10px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-p{padding:20px}.tag{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.tag.ai{background:var(--ai-soft);color:var(--ai-deep);border-color:#0000}.tag.mono{font-family:var(--mono);font-size:10.5px}.status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-new{color:#3b6fd4;background:#eef4ff}.status-progress{color:#b07d10;background:#fff8e6}.status-review{color:#7c3aed;background:#f3eeff}.status-done{background:var(--ai-soft);color:var(--ai-deep)}.status-dispute{color:#c0392b;background:#fff0f0}.status-cancelled{background:var(--surface-2);color:var(--ink-4)}[data-theme=dark] .status-new{color:#7ba4ff;background:#1a2240}[data-theme=dark] .status-progress{color:#f0b429;background:#2a2010}[data-theme=dark] .status-review{color:#b48aff;background:#1e1040}[data-theme=dark] .status-done{background:var(--ai-soft);color:var(--ai)}[data-theme=dark] .status-dispute{color:#ff6b6b;background:#2a0f0f}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink-2);font-size:13px;font-weight:500}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);width:100%;padding:9px 12px;font-size:13.5px;transition:border-color .15s}.form-input:focus{border-color:var(--ink)}.form-input::placeholder{color:var(--ink-4)}textarea.form-input{resize:vertical;min-height:80px}.form-error{color:#c0392b;font-size:12px}.divider{background:var(--border);height:1px;margin:16px 0}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mono{font-family:var(--mono)}.muted{color:var(--ink-3)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}@media (width<=768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.page{padding:20px 16px}.topbar{padding:0 16px}}.theme-toggle{border-radius:var(--radius);width:34px;height:34px;color:var(--ink-3);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-toggle:hover{background:var(--surface-2);color:var(--ink)}