:root{--card-bg: rgba(18,18,20,.55);--card-border: rgba(255,255,255,.08);--muted: #b8c0c8;--accent: #554fff;--accent-hover: #3a6fd6;--text: #e6eef8;--sidebar-bg: rgba(10,12,20,.55);--sidebar-border: rgba(255,255,255,.08);--sidebar-hover: rgba(255,255,255,.06);--shadow: 0 8px 24px rgba(0,0,0,.35);--primary: var(--accent);--primary-hover: var(--accent-hover);--danger: #d9534f;--danger-hover: #c64542;--success: #10b981;--border-color: var(--card-border);--bg-surface: var(--card-bg);--text-primary: var(--text);--text-secondary: var(--muted);--radius-md: 8px;--radius-lg: 12px}html,body{margin:0;height:fit-content;font-family:Segoe UI,Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% 10%,rgba(255,214,102,.18),transparent 60%),radial-gradient(1000px 700px at 90% 20%,rgba(147,197,253,.25),transparent 55%),linear-gradient(135deg,#0b1020,#0e1a3a 35%,#2b1e5a 65%,#0b1020);overflow-x:auto;display:flex;flex-direction:column}.dashboard-container{display:flex;flex:1;width:100%}.standalone-page{width:100%;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;padding:40px 20px;box-sizing:border-box}.standalone-content{width:100%;max-width:800px;margin:0 auto}.tldr-box{background:#ffffff0a;border-left:4px solid var(--accent, #5865F2);border-radius:6px;padding:16px 20px;margin-bottom:24px}.tldr-box h3{margin-top:0;margin-bottom:8px;color:var(--accent, #5865F2);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.tldr-box ul{margin:0;padding-left:20px;line-height:1.5;font-size:.95rem}.sidebar{display:flex;width:fit-content;backdrop-filter:blur(14px);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:28px 22px;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.sidebar-header{display:flex;align-items:center;gap:14px;margin-bottom:40px}.sidebar-logo{width:42px;height:42px;border-radius:10px}.sidebar h2{font-size:1.25rem;font-weight:600;margin:0;letter-spacing:.3px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav a{padding:12px 16px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.95rem;transition:background .2s,color .2s,transform .15s}.sidebar-nav a:hover{background:var(--sidebar-hover);color:var(--text);transform:translate(3px)}.sidebar-nav a.active{background:#4f8cff2e;border-left:3px solid var(--accent);color:var(--text)}@media(max-width:900px){.dashboard-container{flex-direction:column}.sidebar{width:auto;height:auto;max-height:40vh;overflow-y:auto;padding:20px}.sidebar-nav{flex-direction:column;gap:10px}.logout-form{margin-top:20px}}.logout-form button{width:100%;padding:12px;background:var(--danger);border:none;border-radius:8px;color:#fff;font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s}.logout-form button:hover{background:var(--danger-hover);transform:translateY(-2px)}.main-content{flex:1;min-height:100vh;box-sizing:border-box;padding:50px 60px}.main-content h1{font-size:2.2rem;margin-bottom:12px;font-weight:600}.main-content p{color:var(--muted);margin-bottom:24px;font-size:1.05rem}.dashboard-section{margin-bottom:3rem;margin-top:40px}.dashboard-section h2{font-size:1.35rem;font-weight:600;margin-bottom:18px;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.section-divider{border:0;height:1px;background-color:var(--border-color);margin:2.5rem 0}.quick-actions,.alternative,.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:var(--card-bg);padding:22px;border-radius:var(--radius-lg);text-decoration:none;color:var(--text);border:1px solid var(--card-border);backdrop-filter:blur(10px);transition:background .25s,border-color .25s,transform .2s;box-shadow:var(--shadow)}a.card:hover{background:#ffffff14;border-color:var(--accent);transform:translateY(-4px)}.alternative .card{display:flex;flex-direction:column;width:fit-content;word-break:break-word;overflow-wrap:anywhere}.alternative .card small{display:block;margin-top:.5rem;color:var(--muted)}.action-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.action-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.action-card p{color:var(--text-secondary);font-size:.9rem}footer,.footer{margin-top:auto}.form-card{max-width:600px}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{padding:.75rem;background:#0003;color:var(--text);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #554fff33}.form-group small{color:var(--text-secondary);font-size:.85rem}.avatar-group{display:flex;flex-direction:row;align-items:center;gap:1.5rem;margin-bottom:1rem}.avatar-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.avatar-controls{display:flex;flex-direction:column;gap:.5rem}button,.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline{display:inline-block;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.btn-danger-outline{background-color:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background-color:var(--danger);color:#fff}.session-list{display:flex;flex-direction:column;gap:1rem}.session-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;gap:1rem}.current-session{border-left:4px solid var(--primary);background-color:#554fff1a}.session-info{display:flex;flex-direction:column;gap:.25rem}.session-info strong{font-size:1.05rem;color:var(--text-primary)}.session-info span{color:var(--text-secondary);font-size:.9rem}.session-info small{color:#94a3b8;font-size:.85rem}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:#554fff33;color:#aeb4ff}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-small{font-size:.85rem;color:var(--text-secondary)}.setup-card{max-width:500px;text-align:center}.steps-list{text-align:left;margin-bottom:1.5rem;padding-left:1.5rem;color:var(--muted)}.qr-code{width:200px;height:200px;margin:1.5rem auto;border-radius:8px;border:4px solid #fff;background:#fff;display:block}.secret-key{display:inline-block;background:#0000004d;padding:8px 12px;border-radius:6px;letter-spacing:2px;font-family:monospace;color:var(--accent);margin-top:10px}@media(max-width:768px){.session-card{flex-direction:column;align-items:flex-start}.session-card form,.session-card button{width:100%}}