*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a1a2e;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.sidebar{z-index:100;background:#1b2a4a;flex-direction:column;width:200px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:24px 20px}.sidebar-logo h2{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:800}.sidebar-logo p{color:#c9a84c;letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 0;display:flex}.sidebar-link{color:#ffffffa6;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#c9a84c;background:#c9a84c1f;border-left-color:#c9a84c}.sidebar-signout{border-top:1px solid #ffffff14;padding:16px 20px}.sidebar-signout button{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;display:flex}.main-content{background:#f8fafc;width:100%;min-height:100vh;margin-left:200px;padding:2rem}.stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-top:4px solid #c9a84c;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.stat-card.crimson{border-top-color:#8b1a1a}.stat-card.gold{border-top-color:#c9a84c}.stat-card p{color:#7a8fa6;margin-bottom:6px;font-size:13px}.stat-card h3{color:#c9a84c;font-size:28px;font-weight:700}.stat-card.crimson h3{color:#8b1a1a}.table-container{borderRadius:12px;background:#fff;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000a}table{border-collapse:collapse;width:100%;font-size:.875rem}thead tr{color:#fff;background:linear-gradient(135deg,#1b2a4a,#0f1e35)}thead th{text-align:left;letter-spacing:.5px;padding:14px 16px;font-weight:600}tbody tr{border-top:1px solid #f1f5f9}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f8f4ee}tbody td{color:#1a2a3a;padding:12px 16px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b1a1a,#6b1212);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b1a1a40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b1a1a59}.btn-edit{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.btn-delete{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.delete-confirm{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.2rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}