:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #2a2a2a;--color-text: #e0e0e0;--color-text-muted: #888;--color-primary: #f7931a;--color-primary-hover: #e8850f;--color-danger: #e53935;--color-success: #43a047;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6}.portal-layout{min-height:100vh;display:flex;flex-direction:column}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.brand{font-weight:700;letter-spacing:.05em;color:var(--color-primary)}.portal-nav{display:flex;gap:1.5rem}.portal-nav a{color:var(--color-text-muted);text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s}.portal-nav a.active,.portal-nav a:hover{color:var(--color-text);border-bottom-color:var(--color-primary)}.portal-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{color:var(--color-text-muted);margin-top:.25rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.panel.alert{border-color:var(--color-primary)}.panel h2{margin-bottom:1rem;font-size:1.1rem}.login-page,.onboarding-page,.settings-page,.vouchers-page,.dashboard-page{padding:2rem;max-width:800px;margin:0 auto}.login-page{max-width:480px;margin-top:10vh}.login-form{background:var(--color-surface);border-radius:var(--radius);padding:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted)}.form-group input{width:100%;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem}button,.btn-primary{padding:.75rem 1.5rem;background:var(--color-primary);color:#000;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c62828}.security-note{margin-top:1rem;font-size:.85rem;color:var(--color-text-muted)}.loading,.error{padding:2rem;text-align:center;color:var(--color-text-muted)}.onboarding-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin-top:2rem}.step-nav{display:flex;flex-direction:column;gap:.5rem}.step{padding:.5rem 1rem;border-radius:var(--radius);color:var(--color-text-muted)}.step.completed{color:var(--color-success)}.step.current{background:var(--color-surface);color:var(--color-text);font-weight:600}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media (max-width: 768px){.portal-header{flex-direction:column;gap:1rem;padding:1rem}.portal-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.onboarding-layout,.settings-layout{grid-template-columns:1fr}}.step-form{max-width:600px}.step-description{color:var(--color-text-muted);margin-bottom:1.5rem}.step-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.btn-secondary:hover{border-color:var(--color-text-muted)}textarea{width:100%;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);font-size:1rem;resize:vertical}select{width:100%;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-muted);cursor:pointer;font-size:.9rem}.chip.active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.chip.required{opacity:.7;cursor:default}.help-text{font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem}.review-summary{display:flex;flex-direction:column;gap:1rem}.review-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.review-section h3{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.voucher-table{width:100%;border-collapse:collapse}.voucher-table th{text-align:left;padding:.75rem;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.voucher-table td{padding:.75rem;border-bottom:1px solid var(--color-border)}.voucher-table tr.clickable{cursor:pointer}.voucher-table tr.clickable:hover{background:var(--color-surface)}.voucher-id{font-family:monospace;color:var(--color-text-muted)}.btn-small{padding:.3rem .75rem;font-size:.85rem}.voucher-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.filter-group select,.filter-group input{min-width:180px}.empty-state{text-align:center;padding:3rem;color:var(--color-text-muted)}@media (max-width: 768px){.voucher-table{display:none}.voucher-filters{flex-direction:column}}.create-voucher-page{max-width:600px;padding:2rem;margin:0 auto}.form-row{display:flex;gap:1rem}.error-banner{background:#e539351a;border:1px solid var(--color-danger);border-radius:var(--radius);padding:.75rem;color:var(--color-danger);margin-bottom:1rem}.voucher-detail-page{padding:2rem;max-width:800px;margin:0 auto}.back-btn{margin-bottom:1.5rem}.voucher-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.status-badge{font-size:1rem;font-weight:600;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.detail-card.full-width{grid-column:1 / -1}.detail-card h3{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.5rem}.detail-value{font-size:1.1rem}.voucher-actions{margin-top:2rem}.activity-chart{padding:1rem 0}.chart-legend{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.85rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.4rem}.dot{width:10px;height:10px;border-radius:50%}.dot.issued{background:var(--color-primary)}.dot.redeemed{background:var(--color-success)}.chart-bars{display:flex;gap:4px;align-items:flex-end;height:150px}.chart-day{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.bar-group{display:flex;gap:2px;align-items:flex-end;height:120px;width:100%}.bar{flex:1;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.bar.issued{background:var(--color-primary)}.bar.redeemed{background:var(--color-success)}.chart-label{font-size:.7rem;color:var(--color-text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.sync-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.sync-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;max-width:480px;width:100%}.sync-header{text-align:center;margin-bottom:2rem}.sync-subtitle{color:var(--color-text-muted);margin-top:.5rem}.sync-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.sync-spinner.done{border-color:var(--color-success);animation:none}.sync-spinner.error{border-color:var(--color-primary);border-top-color:var(--color-danger)}@keyframes spin{to{transform:rotate(360deg)}}.sync-steps{display:flex;flex-direction:column;gap:.75rem}.sync-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.sync-step-indicator{width:12px;height:12px;border-radius:50%;background:var(--color-border);flex-shrink:0}.sync-step-indicator.active{background:var(--color-primary);animation:pulse 1.5s infinite}.sync-step-indicator.complete{background:var(--color-success)}.sync-step-indicator.error{background:var(--color-danger)}.sync-step-indicator.skipped{background:var(--color-text-muted);opacity:.5}.sync-step.skipped .sync-step-label{color:var(--color-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-step-label{font-weight:500}.sync-step-detail{font-size:.85rem;color:var(--color-text-muted)}.sync-warning{background:#f7931a1a;border:1px solid var(--color-primary);border-radius:var(--radius);padding:.75rem;margin-top:1.5rem;text-align:center;font-size:.9rem}.login-choices{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.choice-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;transition:border-color .2s}.choice-btn:hover{border-color:var(--color-primary)}.choice-icon{font-size:1.5rem;margin-bottom:.5rem}.choice-label{font-weight:600;font-size:1.05rem;color:var(--color-text)}.choice-detail{font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem}.readonly-field{background:var(--color-bg)!important;border-color:var(--color-border)!important;cursor:text;font-family:monospace;font-size:.85rem}.nsec-field{color:var(--color-primary)}.nsec-reveal-group{display:flex;gap:.5rem;align-items:center}.nsec-reveal-group input{flex:1}.btn-small{padding:.4rem .75rem;font-size:.8rem;white-space:nowrap}.warning{color:var(--color-primary)!important}.required{color:var(--color-primary);font-weight:600}.username-input-group{display:flex;align-items:center;gap:0}.username-input-group input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.username-suffix{padding:.65rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:none;border-radius:0 8px 8px 0;color:var(--color-text-muted);font-size:.9rem;white-space:nowrap}.username-status{font-size:.8rem;margin-top:.25rem}.status-available,.status-available.username-status{color:#22c55e}.status-error,.status-error.username-status{color:#ef4444}.status-checking,.status-checking.username-status{color:var(--color-text-muted)}input.status-available{border-color:#22c55e}input.status-error{border-color:#ef4444}.segmented-control{display:flex;gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.segmented-control .segment{flex:1;padding:.6rem 1rem;border:none;border-right:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:background .15s,color .15s}.segmented-control .segment:last-child{border-right:none}.segmented-control .segment.active{background:var(--color-primary);color:#fff;font-weight:600}.segmented-control .segment:hover:not(.active){background:var(--color-surface)}.hosted-preview{padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.hosted-preview .mono{font-family:monospace;font-size:.95rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.settings-page h1{margin-bottom:1.5rem}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;min-height:400px}.settings-nav{display:flex;flex-direction:column;gap:.25rem;position:sticky;top:2rem;align-self:start}.settings-nav-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;border-radius:var(--radius);color:var(--color-text-muted);text-align:left;cursor:pointer;font-size:.95rem;transition:all .15s}.settings-nav-item:hover{color:var(--color-text);background:var(--color-surface)}.settings-nav-item.active{color:var(--color-text);background:var(--color-surface);border-left:3px solid var(--color-primary);font-weight:500}.settings-nav-item.danger{color:var(--color-danger)}.settings-nav-item.danger:hover{background:#e539351a}.settings-nav-divider{height:1px;background:var(--color-border);margin:.75rem 0}.settings-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.settings-section h2{font-size:1.25rem;margin-bottom:1rem}.section-placeholder{color:var(--color-text-muted);margin-bottom:1.5rem}.info-block{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.info-label{color:var(--color-text-muted);font-size:.9rem}.status-pill{padding:.2rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.status-pill.active{background:#43a04726;color:var(--color-success)}.status-pill.muted{background:#88888826;color:var(--color-text-muted)}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.settings-nav-item{white-space:nowrap;border-left:none!important}.settings-nav-item.active{border-bottom:2px solid var(--color-primary)}.settings-nav-divider{display:none}}.toast{position:fixed;top:1rem;right:1rem;background:var(--color-success);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:500;z-index:1000;animation:fadeIn .2s}.toast.error{background:var(--color-danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.mono{font-family:monospace;font-size:.85rem}.clickable{cursor:pointer}.clickable:hover{color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-card);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.modal-content h3{margin:0 0 .5rem}.modal-description{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.relay-list{display:flex;flex-direction:column;gap:.5rem}.relay-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.relay-add-group{display:flex;gap:.5rem;align-items:center}.relay-add-group input{flex:1}.relay-add-group select{width:auto;min-width:120px}