:root{--bg:#EEF1F4;--surface:#fff;--border:#E7ECF1;--border-subtle:#F1F4F7;--brand:#0E7C6B;--brand-dark:#0B6B5A;--brand-light:#ECFDF5;--brand-border:#C7F0E2;--text:#15181D;--text-2:#5A6672;--text-3:#8A96A3;--text-4:#98A4B0;--danger:#DC2626;--danger-bg:#FEF2F2;--danger-border:#F3C9C9;--warning:#B45309;--warning-bg:#FFF7ED;--warning-border:#FCE4C4;--sidebar-bg:#12211E;--sidebar-fg:#CFE0DB;--sidebar-muted:#6B9E94;--radius:12px;--radius-sm:8px;--radius-lg:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Instrument Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:Heebo,Instrument Sans,sans-serif}button,input,select,textarea{font-family:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#C7CFD8;border-radius:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@keyframes slidein{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastin{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes viewin{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.page{min-height:100%;display:flex;flex-direction:column}.page-inner{flex:1 1;padding:24px 26px 44px}.main{display:flex;flex-direction:column;min-height:100%}.page-header{display:flex;align-items:center;gap:12px;padding:22px 26px 0}.page-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.025em;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:none;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;line-height:1;transition:opacity .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.9}.btn-ghost{background:#fff;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#F6F8FA;opacity:1}.btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);opacity:1}.btn-sm{padding:7px 12px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chip-urgent{color:#DC2626;background:#FEF2F2}.chip-high{color:#B45309;background:#FFF7ED}.chip-normal{color:#0E7C6B;background:#ECFDF5}.chip-low{color:#64748B;background:#F1F5F9}.chip-open{color:#5A6672;background:#F1F5F9}.chip-in-progress{color:#B45309;background:#FFF7ED}.chip-done{color:#0B6B5A;background:#ECFDF5}.chip-cancelled{color:#98A4B0;background:#F6F8FA}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:60;background:#1A1F26;color:#fff;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:500;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);animation:toastin .2s ease}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;color:var(--text);background:#fff;transition:border-color .15s}.input:focus{border-color:var(--brand)}.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;line-height:1.5;resize:vertical;outline:none;color:var(--text);background:#fff}.textarea:focus{border-color:var(--brand)}.toggle{width:40px;height:23px;border-radius:99px;border:none;cursor:pointer;padding:0;position:relative;transition:background .15s;flex-shrink:0}.toggle-knob{position:absolute;top:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}