:root{--bg: #050608;--bg-alt: #101015;--accent: #ff3b3b;--accent-soft: rgba(255, 59, 59, .15);--accent-2: #f97316;--text: #f9fafb;--muted: #9ca3af;--border: #27272f;--radius-lg: 18px;--radius-xl: 22px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827,#020617 55%,#000);color:var(--text)}a{color:inherit;text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0b0b11,#050509);border-right:1px solid var(--border);padding:16px 14px;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sidebar-logo{width:38px;height:38px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#ff3b3b,#111827);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.sidebar-title{display:flex;flex-direction:column}.sidebar-title span:first-child{font-weight:600;font-size:14px}.sidebar-title span:last-child{font-size:11px;color:var(--muted)}.nav-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 4px 6px}.nav-link{border-radius:999px;padding:7px 10px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent}.nav-link span{flex:1}.nav-link:hover{background:#181824e6;color:var(--text)}.nav-link.active{background:var(--accent-soft);border-color:#ff3b3b99;color:var(--accent)}.sidebar-footer{margin-top:auto;font-size:11px;color:var(--muted);padding-top:10px;border-top:1px solid var(--border)}.main-content{flex:1;padding:20px 24px;overflow-y:auto}.card{background:radial-gradient(circle at top left,#18181b,#020617);border-radius:var(--radius-xl);border:1px solid var(--border);padding:18px 18px 16px;box-shadow:0 18px 45px #000000a6;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:16px;font-weight:600}.badge{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.5);color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.stat-card{background:#020617;border-radius:14px;padding:14px;border:1px solid #1f2937}.stat-label{font-size:11px;color:var(--muted);margin-bottom:4px}.stat-value{font-size:22px;font-weight:600}.role-chip{padding:3px 10px;border-radius:999px;font-size:11px;border:1px solid var(--border)}.role-chip.master{border-color:#fbbf24;color:#fde68a}.role-chip.high{border-color:#22c55e;color:#bbf7d0}.role-chip.team{border-color:#3b82f6;color:#bfdbfe}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:8px 6px;border-bottom:1px solid #1f2937}.table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.avatar-circle{width:30px;height:30px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ff3b3b,#111827);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin-right:8px}.btn{border-radius:999px;border:none;padding:7px 14px;font-size:13px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#ff3b3b,#f97316);color:#fff}.btn-secondary{background:#111827;color:var(--muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#111827,#020617 70%,#000)}.login-card{width:380px;max-width:95vw;background:#020617;border-radius:24px;padding:26px 24px 22px;border:1px solid #1f2937;box-shadow:0 20px 60px #000000d9}.login-title{font-size:21px;font-weight:600;margin-bottom:4px}.login-sub{font-size:12px;color:var(--muted);margin-bottom:16px}.form-group{margin-bottom:10px}.form-group label{display:block;font-size:12px;margin-bottom:4px}.form-group input{width:100%;border-radius:999px;border:1px solid #374151;background:#020617;padding:7px 12px;color:var(--text);font-size:13px}.error-text{color:#f87171;font-size:12px;margin-top:4px}
