:root{--bg: #07090d;--surface: #0d1117;--surface2: #131920;--surface3: #1a2230;--accent: #f7c948;--accent2: #ff6b35;--text: #e2e8f0;--muted: #6b7a8d;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--green: #39ff14;--red: #ff3b5c;--blue: #3b82f6;--radius: 8px;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.text-accent{color:var(--accent)}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:20px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;white-space:nowrap}.badge-pending{background:#f7c9481f;color:var(--accent);border:1px solid rgba(247,201,72,.25)}.badge-active{background:#39ff141a;color:var(--green);border:1px solid rgba(57,255,20,.25)}.badge-approved{background:#3b82f61f;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.badge-rejected{background:#ff3b5c1a;color:var(--red);border:1px solid rgba(255,59,92,.25)}.badge-paused{background:#ffffff0f;color:var(--muted);border:1px solid var(--border2)}.badge-finished{background:#ffffff0d;color:var(--muted);border:1px solid var(--border)}.badge-online{background:#39ff141a;color:var(--green);border:1px solid rgba(57,255,20,.25)}.badge-offline{background:#ff3b5c1a;color:var(--red);border:1px solid rgba(255,59,92,.25)}.badge-maintenance{background:#f7c9481f;color:var(--accent);border:1px solid rgba(247,201,72,.25)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.82rem;color:var(--muted);letter-spacing:.03em}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);padding:.75rem 1rem;font-size:.92rem;width:100%;transition:border-color .2s;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f7c94880}.field input::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-sm{padding:.45rem 1rem;font-size:.82rem}.btn-lg{padding:.95rem 2.2rem;font-size:1rem}.btn-primary{background:var(--accent);color:#111}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text)}.btn-ghost:hover{border-color:#ffffff47;background:#ffffff0a}.btn-danger{background:#ff3b5c26;color:var(--red);border:1px solid rgba(255,59,92,.3)}.btn-danger:hover{background:#ff3b5c40}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--muted);text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.85rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff05}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative}.modal-title{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.03em;margin-bottom:1.5rem}.toast-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);padding:.75rem 1.2rem;font-size:.88rem;animation:slideIn .3s ease;max-width:320px}.toast.success{border-color:#39ff144d;color:var(--green)}.toast.error{border-color:#ff3b5c4d;color:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}