*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg: #eef2f7;--surface: #ffffff;--card: #ffffff;--border: #dde4ed;--border-hi: #b8cce0;--accent: #1a7fd4;--accent-hi: #1568b3;--accent-lt: #e0f0ff;--accent-mid: #a8d4f5;--accent-glow:rgba(26,127,212,.18);--green: #059669;--green-lt: #d1fae5;--red: #dc2626;--red-lt: #fee2e2;--amber: #d97706;--amber-lt: #fef3c7;--purple: #7c3aed;--purple-lt: #ede9fe;--cyan: #0891b2;--cyan-lt: #cffafe;--navy: #0d2d4e;--text: #1a2b3c;--text-mid: #4a6070;--text-dim: #8aa0b4;--text-muted: #b0c0cc;--shadow-sm: 0 1px 3px rgba(13,45,78,.07), 0 1px 2px rgba(13,45,78,.05);--shadow: 0 2px 8px rgba(13,45,78,.09), 0 1px 3px rgba(13,45,78,.06);--shadow-md: 0 8px 24px rgba(13,45,78,.14), 0 2px 6px rgba(13,45,78,.08);--shadow-lg: 0 20px 60px rgba(13,45,78,.22), 0 4px 16px rgba(13,45,78,.1);--shadow-glow:0 0 0 3px var(--accent-glow)}[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--card: #1c232c;--border: #30363d;--border-hi: #444c56;--accent: #58a6ff;--accent-hi: #388bfd;--accent-lt: #1f3a5e;--accent-mid: #2d5689;--accent-glow:rgba(88,166,255,.25);--green: #3fb950;--green-lt: #0f3a1c;--red: #f85149;--red-lt: #4a1717;--amber: #d29922;--amber-lt: #4a3a0c;--purple: #bc8cff;--purple-lt: #2e1a55;--cyan: #39c5cf;--cyan-lt: #0e3e44;--navy: #e6edf3;--text: #e6edf3;--text-mid: #b1bac4;--text-dim: #8b949e;--text-muted: #6e7681;--shadow-sm: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 8px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.7), 0 4px 16px rgba(0,0,0,.45);color-scheme:dark}[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#ffffff"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background-color:#fff"],[data-theme=dark] [style*="background-color: #fff"]{background:var(--surface)!important}[data-theme=dark] [style*="background:#f8fafc"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background:#f1f5f9"],[data-theme=dark] [style*="background: #f1f5f9"],[data-theme=dark] [style*="background:#fafbfc"],[data-theme=dark] [style*="background: #fafbfc"]{background:var(--card)!important}[data-theme=dark] [style*="color:#0d2d4e"],[data-theme=dark] [style*="color: #0d2d4e"],[data-theme=dark] [style*="color:#1e293b"],[data-theme=dark] [style*="color: #1e293b"]{color:var(--text)!important}[data-theme=dark] [style*="border:1px solid #f"],[data-theme=dark] [style*="border: 1px solid #f"],[data-theme=dark] [style*="border:1px solid var(--border)"]{border-color:var(--border)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .inp,[data-theme=dark] .sel{background:var(--card);color:var(--text);border-color:var(--border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-dim)}[data-theme=dark] .btn{background:var(--card);color:var(--text-mid);border-color:var(--border)}[data-theme=dark] .btn:hover{background:var(--surface);border-color:var(--border-hi)}[data-theme=dark] .btn.primary{color:#fff}[data-theme=dark] .modal{background:var(--card);color:var(--text)}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] table{color:var(--text)}[data-theme=dark] tbody tr:nth-child(2n) td{background:var(--surface)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-hi)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}[data-theme=dark] img{filter:brightness(.92)}body{font-family:DM Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:5px;height:5px;background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);border:1.5px solid var(--border);color:var(--text-mid);padding:7px 16px;border-radius:8px;font-size:12px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .15s}.btn:hover{background:var(--bg);border-color:var(--border-hi);transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hi) 100%);border-color:var(--accent-hi);color:#fff;box-shadow:0 2px 8px #1a7fd459}.btn.primary:hover{background:linear-gradient(135deg,#2089e0 0%,var(--accent) 100%);box-shadow:0 4px 16px #1a7fd473;transform:translateY(-1px)}.btn.green{background:linear-gradient(135deg,#ecfdf5 0%,var(--green-lt) 100%);border-color:#6ee7b7;color:var(--green)}.btn.green:hover{background:var(--green-lt);box-shadow:0 2px 8px #05966933}.btn.red{background:linear-gradient(135deg,#fff5f5 0%,var(--red-lt) 100%);border-color:#fca5a5;color:var(--red)}.btn.red:hover{background:var(--red-lt);box-shadow:0 2px 8px #dc262633}.btn.sm{padding:5px 12px;font-size:11px;border-radius:6px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.inp{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:9px 13px;color:var(--text);font-size:13px;width:100%;outline:none;transition:border .18s,box-shadow .18s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.inp:hover:not(:focus){border-color:var(--border-hi)}.inp::placeholder{color:var(--text-muted)}.sel{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:9px 13px;color:var(--text);font-size:13px;width:100%;outline:none;transition:border .18s,box-shadow .18s}.sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}label{font-size:11px;font-weight:600;color:var(--text-mid);display:block;margin-bottom:5px}.section-title{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.field-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 13px;transition:border-color .15s,background .15s}.field-box:hover{background:#e8eef5;border-color:var(--border-hi)}.field-lbl{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}.field-val{font-size:12px;color:var(--text);font-weight:500}.tag{display:inline-flex;align-items:center;background:var(--accent-lt);color:var(--accent);border:1px solid var(--accent-mid);padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;transition:background .15s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2d4e66;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayIn .18s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:16px;padding:28px;min-width:500px;max-width:680px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .22s cubic-bezier(.34,1.2,.64,1);border:1px solid rgba(255,255,255,.8)}.modal-sm{min-width:360px;max-width:440px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fade{animation:fadeIn .22s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;bottom:28px;right:28px;z-index:999;animation:toastIn .25s cubic-bezier(.34,1.2,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
