:root{--db-bg: #0d1117;--db-surface: #161b22;--db-surface2: #1a2030;--db-border: #2a475e;--db-border-hi: #3d6b87;--db-text: #e6edf3;--db-dim: #8b949e;--db-muted: #6e7681;--db-accent: #66c0f4;--db-green: #4ade80;--db-gold: #fbbf24;--db-red: #f87171;--db-r: 8px}.dash-center{min-height:60vh;display:flex;align-items:center;justify-content:center}.dash-login-card{width:100%;max-width:380px;padding:40px 32px;text-align:center;background:var(--db-surface);border:1px solid var(--db-border);border-radius:12px}.dash-login-icon{width:64px;height:64px;margin:0 auto 20px;background:#66c0f414;border:1px solid rgba(102,192,244,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--db-accent)}.dash-login-card h2{font-size:1.2rem;font-weight:800;color:var(--db-text);margin:0 0 8px}.dash-login-card p{font-size:.82rem;color:var(--db-muted);margin:0 0 24px;line-height:1.6}.dash-google-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:#fff;border:none;border-radius:5px;color:#1a1a1a;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s}.dash-google-btn:hover{opacity:.88}.dash-main{max-width:820px;padding-bottom:60px}.dash-profile-bar{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);margin-bottom:16px}.dash-avatar-wrap{flex-shrink:0}.dash-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--db-border);background:var(--db-bg)}.dash-profile-info{flex:1;min-width:0}.dash-nickname-row{display:flex;align-items:center;gap:7px;margin-bottom:2px}.dash-nickname{font-size:1.1rem;font-weight:800;color:var(--db-text)}.dash-edit-nick-btn{width:24px;height:24px;padding:0;flex-shrink:0;background:transparent;border:1px solid var(--db-border);border-radius:4px;color:var(--db-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dash-edit-nick-btn:hover{border-color:var(--db-accent);color:var(--db-accent)}.dash-email{font-size:.75rem;color:var(--db-muted)}.dash-joined{font-size:.7rem;color:#4a5568;margin-top:1px}.dash-signout-btn{margin-left:auto;flex-shrink:0;padding:6px 13px;font-size:.73rem;font-weight:600;background:transparent;border:1px solid rgba(248,113,113,.25);color:#f87171b3;border-radius:5px;cursor:pointer;transition:all .15s}.dash-signout-btn:hover{background:#f8717112;border-color:var(--db-red);color:var(--db-red)}.dash-nick-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;margin-bottom:16px;background:#66c0f40a;border:1px solid rgba(102,192,244,.15);border-radius:var(--db-r)}.dash-nick-input{flex:1;min-width:200px;padding:7px 11px;background:var(--db-bg);border:1px solid var(--db-border);border-radius:4px;color:var(--db-text);font-size:.83rem;outline:none;transition:border-color .2s}.dash-nick-input:focus{border-color:var(--db-accent)}.dash-btn{padding:7px 14px;font-size:.75rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s}.dash-btn.primary{background:#66c0f41f;border:1px solid rgba(102,192,244,.3);color:var(--db-accent)}.dash-btn.primary:hover{background:#66c0f438}.dash-btn.ghost{background:transparent;border:1px solid var(--db-border);color:var(--db-muted)}.dash-btn.ghost:hover{border-color:var(--db-border-hi);color:var(--db-text)}.dash-nick-hint{font-size:.71rem;width:100%;margin:0;color:var(--db-red)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.dash-stat{padding:16px;text-align:center;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);transition:border-color .2s}.dash-stat:hover{border-color:var(--db-border-hi)}.dash-stat-num{display:block;font-size:2rem;font-weight:900;color:var(--db-text);line-height:1}.dash-stat-num.green{color:var(--db-green)}.dash-stat-num.gold{color:var(--db-gold)}.dash-stat-label{display:block;margin-top:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--db-muted)}.dash-tabs{display:flex;gap:0;border-bottom:1px solid var(--db-border);margin-bottom:20px}.dash-tab{padding:10px 18px;font-size:.82rem;font-weight:600;background:transparent;border:none;color:var(--db-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.dash-tab:hover{color:var(--db-text)}.dash-tab.active{color:var(--db-accent);border-bottom-color:var(--db-accent)}.dash-pane{display:none}.dash-pane.active{display:block}.dash-list{display:flex;flex-direction:column;gap:8px}.dash-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);transition:border-color .2s}.dash-item:hover{border-color:var(--db-border-hi)}.dash-item-icon{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:.65rem;font-weight:800;text-transform:uppercase;background:#66c0f414;border:1px solid rgba(102,192,244,.18);color:var(--db-accent)}.dash-item-icon.relic{background:#fbbf2414;border-color:#fbbf242e;color:var(--db-gold)}.dash-item-body{flex:1;min-width:0}.dash-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}.dash-item-name{font-size:.85rem;font-weight:700;color:var(--db-text);text-transform:capitalize}.dash-item-name a{color:inherit;text-decoration:none}.dash-item-name a:hover{color:var(--db-accent)}.dash-item-score{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:10px;border:1px solid;white-space:nowrap}.dash-item-score.pos{color:var(--db-green);border-color:#4ade804d;background:#4ade8012}.dash-item-score.neg{color:var(--db-red);border-color:#f871714d;background:#f8717112}.dash-item-score.neu{color:var(--db-muted);border-color:var(--db-border)}.dash-item-content{font-size:.8rem;color:#8e9bac;line-height:1.5;margin:0 0 5px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-item-meta{font-size:.68rem;color:#4a5568}.dash-item-actions{display:flex;gap:6px;margin-top:7px}.dash-action-btn{padding:3px 10px;font-size:.68rem;font-weight:600;border-radius:3px;cursor:pointer;background:transparent;transition:all .15s}.dash-action-btn.edit{border:1px solid var(--db-border);color:var(--db-muted)}.dash-action-btn.edit:hover{border-color:var(--db-accent);color:var(--db-accent)}.dash-action-btn.del{border:1px solid rgba(248,113,113,.2);color:#f8717199}.dash-action-btn.del:hover{border-color:var(--db-red);color:var(--db-red)}.dash-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.dash-page-btn{padding:6px 14px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);color:var(--db-accent);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.dash-page-btn:hover:not(:disabled){border-color:var(--db-accent);background:#66c0f412}.dash-page-btn:disabled{opacity:.3;cursor:default}.dash-page-info{font-size:.75rem;color:var(--db-muted)}.dash-empty{text-align:center;padding:32px;font-size:.82rem;color:#4a5568;background:var(--db-surface);border:1px dashed var(--db-border);border-radius:var(--db-r)}.dash-skel{height:72px;border-radius:var(--db-r);background:linear-gradient(90deg,#161b22 25%,#1e2732,#161b22 75%);background-size:200% 100%;animation:db-shimmer 1.4s infinite}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tl-info{font-size:.78rem;color:var(--db-dim);line-height:1.6;padding:10px 14px;margin-bottom:14px;background:#66c0f40a;border:1px solid rgba(102,192,244,.12);border-radius:var(--db-r)}.tl-toggle{display:flex;gap:4px;margin-bottom:16px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);padding:4px;width:fit-content}.tl-toggle-btn{padding:6px 22px;font-size:.8rem;font-weight:700;background:transparent;border:none;border-radius:6px;color:var(--db-muted);cursor:pointer;transition:all .15s}.tl-toggle-btn.active{background:#66c0f41f;color:var(--db-accent)}.tl-toggle-btn:not(.active):hover{color:var(--db-text)}.tl-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;padding:10px 14px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-r);transition:border-color .2s}.tl-row:hover{border-color:var(--db-border-hi)}.tl-tier-badge{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.15rem;font-weight:900;border:2px solid;margin-top:1px}.tl-items{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;padding-top:4px}.tl-chip{display:inline-block;padding:4px 11px;font-size:.75rem;font-weight:600;border-radius:4px;border:1px solid;text-decoration:none;transition:opacity .15s;white-space:nowrap;text-transform:capitalize;line-height:1.4}.tl-chip:hover{opacity:.7}.tl-empty{text-align:center;padding:36px 20px;font-size:.82rem;color:#4a5568;background:var(--db-surface);border:1px dashed var(--db-border);border-radius:var(--db-r)}@media(max-width:600px){.dash-stats{grid-template-columns:repeat(3,1fr)}.dash-profile-bar{flex-wrap:wrap}.dash-tabs{overflow-x:auto;flex-wrap:nowrap}.dash-tab{white-space:nowrap;padding:10px 13px;font-size:.77rem}.tl-row{flex-direction:column;gap:8px}.tl-tier-badge{width:32px;height:32px;font-size:1rem}}