:root{--primary:#00d4aa;--primary-dark:#00b894;--primary-light:#00d4aa1a;--primary-glow:#00d4aa4d;--accent:#6c5ce7;--accent-light:#6c5ce71a;--success:#00cec9;--warning:#fdcb6e;--danger:#ff6b6b;--text:#e2e8f0;--text-secondary:#94a3b8;--border:#ffffff14;--bg:#0f172a;--bg-card:#1e293bcc;--bg-card-solid:#1e293b;--bg-sidebar:#0b1120;--shadow:0 4px 20px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px #00d4aa26;--radius:12px;--radius-sm:6px;--sidebar-width:240px;--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);background-image:radial-gradient(at 20%,#00d4aa08 0%,#0000 50%),radial-gradient(at 80% 20%,#6c5ce708 0%,#0000 50%);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-size:inherit;border:none;font-family:inherit}input,select,textarea{font-size:inherit;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}.btn{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 18px;font-weight:500;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#0f172a;font-weight:600;box-shadow:0 2px 10px #00d4aa4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4aa80}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);box-shadow:0 0 12px var(--primary-glow)}.btn-danger{background:linear-gradient(135deg, var(--danger), #ee5a24);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff6b6b66}.btn-sm{padding:4px 12px;font-size:12px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:box-shadow .3s,border-color .3s}.card:hover{box-shadow:var(--shadow), var(--shadow-glow);border-color:#00d4aa26}.badge{letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#00cec926;border:1px solid #00cec94d}.badge-warning{color:var(--warning);background:#fdcb6e26;border:1px solid #fdcb6e4d}.badge-danger{color:var(--danger);background:#ff6b6b26;border:1px solid #ff6b6b4d}.badge-info{color:var(--accent);background:#6c5ce726;border:1px solid #6c5ce74d}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#0f172a99;outline:none;padding:9px 14px;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.table-wrap{border-radius:var(--radius-sm);max-height:calc(100vh - 280px);overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px}th{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;background:var(--bg-card-solid);z-index:10;font-size:11px;font-weight:600;position:sticky;top:0}tr{transition:background .2s}tr:hover td{background:#00d4aa0a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.4s ease-out fadeIn}.skeleton{background:linear-gradient(90deg, var(--bg-card-solid) 25%, #94a3b81a 50%, var(--bg-card-solid) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.loading-overlay{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.loading-overlay .spinner{border-width:3px;width:32px;height:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media (width<=768px){:root{--sidebar-width:0px}}