*{box-sizing:border-box;margin:0;padding:0}:root{--teal: #0d9488;--teal-l: #ccfbf1;--teal-d: #0f766e;--teal-m: #14b8a6;--violet: #7c3aed;--violet-l: #ede9fe;--violet-d: #5b21b6;--slate: #1e293b;--slate-m: #334155;--slate-l: #64748b;--slate-xl: #94a3b8;--sur: #f8fafc;--sur2: #f1f5f9;--sur3: #e2e8f0;--white: #ffffff;--border: #e2e8f0;--border-m: #cbd5e1;--rose: #f43f5e;--rose-l: #ffe4e6;--amber: #f59e0b;--amber-l: #fef3c7;--green: #22c55e;--green-l: #dcfce7;--r: 10px;--r-s: 6px;--r-l: 16px;--sh: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--sh-m: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--sh-l: 0 10px 32px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06)}body{font-family:DM Sans,system-ui,sans-serif;background:var(--sur);color:var(--slate);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sur3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-m)}.btn{padding:7px 14px;border-radius:var(--r-s);border:1px solid var(--border-m);background:var(--white);color:var(--slate-m);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-l)}.btn.prim{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.prim:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}.btn.ghost{border-color:transparent;background:var(--sur2)}.btn.ghost:hover{background:var(--sur3);border-color:var(--border);color:var(--slate)}.btn.danger{background:var(--rose);color:#fff;border-color:var(--rose)}.btn.danger:hover{opacity:.9;color:#fff}.btn.sm{padding:4px 9px;font-size:11px}.btn:disabled{opacity:.5;cursor:not-allowed}.fg{margin-bottom:14px}.fg label{display:block;font-size:11px;font-weight:600;color:var(--slate-l);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.fg input,.fg select,.fg textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-s);font-family:inherit;font-size:13px;color:var(--slate);background:var(--white)}.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0d94881a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--white);border-radius:var(--r-l);box-shadow:var(--sh-l);width:100%;max-width:480px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal.wide{max-width:640px}.modal-head{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.modal-head h3{font-size:15px;font-weight:600;color:var(--slate)}.modal-x{width:26px;height:26px;border:none;background:var(--sur2);border-radius:50%;cursor:pointer;font-size:15px;color:var(--slate-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-x:hover{background:var(--rose-l);color:var(--rose)}.modal-body{padding:18px 22px;overflow-y:auto;flex:1}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.toast-container{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--r);font-size:13px;box-shadow:var(--sh-l);display:flex;align-items:center;gap:8px;animation:slideIn .3s ease}.toast.success{background:var(--teal-d);color:#fff}.toast.error{background:var(--rose);color:#fff}.toast.warn{background:var(--amber);color:var(--slate)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chip{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px;white-space:nowrap}.filter-bar{display:flex;gap:5px;margin-bottom:16px}.filter-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--white);font-family:inherit;font-size:12px;font-weight:500;color:var(--slate-l);cursor:pointer;transition:all .15s}.filter-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.filter-btn:hover:not(.active){border-color:var(--teal);color:var(--teal)}.section-title{font-size:10px;font-weight:700;color:var(--slate-l);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-l);padding:18px;box-shadow:var(--sh);transition:box-shadow .2s}.card:hover{box-shadow:var(--sh-m)}