*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #242836;--border: #2e3347;--text: #e4e7f1;--text-muted: #8b90a5;--primary: #6c5ce7;--primary-hover: #7c6ff7;--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.85}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.85}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.header .btn-outline{border-color:#6b7085;color:#1a1d27}.header .btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary)}label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-group{margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f5f6fa;border-bottom:1px solid #e0e3eb;margin-bottom:24px}.header h1{color:#1a1d27}.header h1{font-size:20px;font-weight:700}.header h1 span{color:var(--primary)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#f5f6fa;border:1px solid #e0e3eb;border-radius:16px;padding:48px;width:100%;max-width:400px;text-align:center;color:#1a1d27}.login-card input{background:#fff;border-color:#d1d5e0;color:#1a1d27}.login-card p{color:#6b7085}.login-card h1{font-size:28px;margin-bottom:8px}.login-card h1 span{color:var(--primary)}.login-card p{color:var(--text-muted);margin-bottom:32px}.pin-input{font-size:32px;text-align:center;letter-spacing:12px;padding:16px}.star-rating{display:flex;gap:4px}.star{font-size:28px;cursor:pointer;transition:transform .15s;color:var(--border)}.star:hover{transform:scale(1.2)}.star.active{color:var(--warning)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap{display:flex;gap:8px;align-items:center}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.rank-1{background:var(--gold);color:#000}.rank-2{background:var(--silver);color:#000}.rank-3{background:var(--bronze);color:#fff}.rank-default{background:var(--surface2);color:var(--text-muted)}.score-bar{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden;margin-top:4px}.score-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s}.tab-bar{display:flex;gap:4px;margin-bottom:24px}.tab{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted);border:none;font-family:inherit;transition:all .2s}.tab.active{background:var(--primary);color:#fff}.tab:hover:not(.active){color:var(--text)}.error{color:var(--danger);font-size:14px;margin-top:8px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 24px;border-radius:8px;font-weight:500;z-index:1000;animation:slideIn .3s ease}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.container{padding:16px}.login-card{padding:32px 24px}}