:root{--primary: #3b82f6;--primary-rgb: 59, 130, 246;--secondary: #6366f1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--font-main: "Inter", system-ui, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}:root.dark-mode{--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--panel-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--text-sub: #cbd5e1;--input-bg: rgba(15, 23, 42, .8);--hover-bg: rgba(255, 255, 255, .05);--select-bg: #0f1b30}:root.light-mode{--bg-color: #f1f5f9;--panel-bg: rgba(255, 255, 255, .8);--panel-border: rgba(0, 0, 0, .05);--text-main: #0f172a;--text-muted: #64748b;--text-sub: #334155;--input-bg: rgba(255, 255, 255, .9);--hover-bg: rgba(0, 0, 0, .03);--select-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:var(--transition)}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026;border-color:#ffffff26}.no-pointer-all,.no-pointer-all *{pointer-events:none!important}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 15px var(--primary);opacity:0;transition:var(--transition);z-index:-1}.glow-effect:hover:before{opacity:.5}input,textarea{width:100%;padding:11px 14px;background:var(--input-bg);border:1px solid rgba(255,255,255,.13);border-radius:10px;color:var(--text-main);font-family:inherit;font-size:14px;transition:var(--transition)}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}select{width:100%;padding:11px 14px;background:var(--select-bg, #0f1b30);border:1px solid rgba(255,255,255,.18);border-radius:10px;color:var(--text-main);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}select option{background:#1e2940;color:#f8fafc;padding:8px}.filter-select{width:auto;padding:7px 12px;font-size:13px;background:var(--select-bg, #0f1b30);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:var(--text-main);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);font-size:14px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--panel-border)}th{color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{font-size:14px}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--hover-bg)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block;white-space:nowrap}.badge-success{background:#10b98126;color:#34d399}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-danger{background:#ef444426;color:#f87171}.badge-primary{background:#3b82f626;color:#60a5fa}.badge-secondary{background:var(--hover-bg);color:var(--text-muted)}.progress-bg{width:100%;height:6px;background:var(--hover-bg);border-radius:4px;overflow:hidden;margin-top:4px}.progress-bar{height:100%;border-radius:4px;transition:width .5s ease}.editable-cell{cursor:pointer;padding:4px 8px;border-radius:6px;transition:var(--transition);border:1px dashed transparent}.editable-cell:hover{border-color:var(--primary);background:var(--hover-bg)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.two-col-grid{grid-template-columns:1fr!important}.four-col-grid{grid-template-columns:repeat(2,1fr)!important}.three-col-grid{grid-template-columns:1fr 1fr!important}th,td{padding:10px 8px;font-size:13px}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.four-col-grid{grid-template-columns:1fr 1fr!important}.three-col-grid,.two-col-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.filter-bar{flex-wrap:wrap!important;gap:8px!important}.btn{padding:9px 14px;font-size:13px}th,td{padding:8px 6px;font-size:12px}h1{font-size:20px!important}h3{font-size:16px!important}}@media (max-width: 480px){.stats-grid,.four-col-grid{grid-template-columns:1fr!important}select,input{font-size:13px;padding:9px 11px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.15)}}