:root{--bg-primary:#080810;--bg-secondary:#0f0f1a;--bg-card:#151525;--bg-input:#0c0c18;--text-primary:#e4e4f0;--text-secondary:#7878a0;--text-muted:#484868;--accent-cyan:#00b4d8;--accent-green:#00e676;--gradient:linear-gradient(135deg, #00b4d8, #00e676);--border:#6478c81a;--border-hover:#00b4d840;--border-focus:#00b4d880;--danger:#ff4757;--success:#00e676;--radius:12px;--radius-sm:8px;--transition:.2s ease;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{margin-bottom:8px;padding:8px 12px}.sidebar-logo h2{letter-spacing:-.5px;font-size:22px;font-weight:700}.sidebar-subtitle{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:12px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding-top:16px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;padding:11px 16px;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary);background:#00b4d80a}.sidebar-link.active{color:var(--text-primary);border-left-color:var(--accent-cyan);background:linear-gradient(90deg,#00b4d81a,#0000)}.sidebar-link svg{opacity:.7;flex-shrink:0}.sidebar-link.active svg,.sidebar-link:hover svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding-top:16px}.sidebar-footer .sidebar-link{color:var(--text-muted)}.sidebar-footer .sidebar-link:hover{color:var(--danger)}.main-content{flex:1;max-width:900px;min-height:100vh;margin-left:260px;padding:40px}.page-title{margin-bottom:24px;font-size:28px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:15px;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#080810}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #00b4d859}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background:#00b4d80f}.btn-danger{color:var(--danger);background:#ff475726;border:1px solid #ff475740}.btn-danger:hover:not(:disabled){background:#ff475740}.btn-full{width:100%}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:13px;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:var(--font);transition:all var(--transition);outline:none;width:100%;padding:12px 16px}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #00b4d814}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger)!important}.input-error-text{color:var(--danger);font-size:12px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.switch-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.switch-container.switch-disabled{opacity:.4;cursor:not-allowed}.switch{background:var(--bg-input);border:1px solid var(--border);border-radius:14px;flex-shrink:0;width:52px;height:28px;transition:all .3s;position:relative}.switch-on{border-color:var(--accent-cyan);background:linear-gradient(135deg,#00b4d84d,#00e67633)}.switch-thumb{background:var(--text-muted);border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:2px;left:2px}.switch-on .switch-thumb{background:var(--gradient);transform:translate(24px);box-shadow:0 0 10px #00b4d866}.switch-label{color:var(--text-primary);font-size:15px;font-weight:500}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:420px;padding:48px 40px}.login-header{text-align:center;margin-bottom:36px}.login-title{letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:700}.login-subtitle{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background:#ff475714;border:1px solid #ff475733;padding:12px 16px;font-size:14px}.warn-banner{color:orange;border-radius:var(--radius-sm);text-align:center;background:#ffa50014;border:1px solid #ffa50040;padding:12px 16px;font-size:14px}.success-msg{color:var(--success);border-radius:var(--radius-sm);text-align:center;background:#00e67614;border:1px solid #00e67633;padding:12px 16px;font-size:14px}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.stat-value{letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px}.token-input-row{align-items:flex-end;gap:12px;display:flex}.token-input-row .input-group{flex:1}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--text-secondary);font-size:14px}.info-row-value{font-weight:500}.qr-settings-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.qr-controls{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.qr-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.qr-display-card{margin-top:20px}.qr-display{flex-direction:column;align-items:center;padding:32px 40px;display:flex}.qr-image-wrapper{border-radius:var(--radius);background:#fff;margin-bottom:24px;padding:20px;line-height:0;box-shadow:0 0 40px #00b4d81f}.qr-amount{letter-spacing:-.5px;margin-bottom:28px;font-size:28px;font-weight:700}.qr-display .btn{border-radius:var(--radius);padding:16px 56px;font-size:17px}.qr-waiting{color:var(--text-secondary);flex-direction:column;align-items:center;gap:20px;padding:64px 40px;font-size:15px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-active{background:var(--success);box-shadow:0 0 8px #00e67680}.status-dot-inactive{background:var(--text-muted)}.session-progress{border-top:1px solid var(--border);width:100%;margin-top:28px;padding-top:20px}.progress-labels{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progress-bar{background:var(--bg-input);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:3px;height:100%;transition:width .6s}.loading-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent-cyan);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:2s ease-in-out infinite pulse}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}