*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0f172a;color:#e2e8f0;padding:16px}.content{flex:1 1;padding:24px}main{max-width:720px;margin:40px auto;padding:0 16px}input{display:block;width:100%;margin:8px 0;padding:8px}button{padding:8px 16px;cursor:pointer}.readonly-banner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1e3a5f}.readonly-banner__text{flex:1 1 260px;min-width:0}.readonly-banner__title{display:block;margin-bottom:2px}.readonly-banner__body{margin:0}.readonly-banner__trial{margin:4px 0 0;font-size:13px;opacity:.85}.readonly-banner__email{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.readonly-banner__actions{display:flex;flex-direction:column;gap:8px}.readonly-banner__act{display:flex;flex-direction:column;gap:4px}.btn-hint{line-height:1.4}.btn-hint,.readonly-hint{font-size:12px;opacity:.75}.readonly-hint{display:block;margin-top:4px}.auth{max-width:420px;margin:48px auto;padding:0 16px}.auth label{display:block;margin-bottom:12px}.auth input,.auth select{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid #d4d4d8;border-radius:6px;font-size:14px;box-sizing:border-box}.auth-subtitle{color:#52525b;margin-top:-4px}.auth-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.trial-notice{color:#15803d;font-weight:600}.auth-status{padding:12px 0;color:#1e3a5f}.auth-status p{margin:0}.error{margin:12px 0;padding:12px;border:1px solid #fcd34d;background:#fffbeb;color:#78350f;border-radius:6px}.error p{margin:0 0 6px}.error p:last-child{margin-bottom:0}.ok{color:#15803d;margin:8px 0 0}.resend-fail{color:#b91c1c;margin:8px 0 0}.auth-resend{margin-top:16px;padding-top:16px;border-top:1px solid #e4e4e7}.auth-resend p{margin:0 0 8px}.error-detail{font-size:12px;opacity:.8;word-break:break-word}.error-detail code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stats-grid{display:flex;flex-wrap:wrap;gap:16px 32px;margin:16px 0}.stats-grid>div{display:flex;align-items:baseline;gap:8px}.stats-grid__value{font-size:24px;font-weight:600;line-height:1.1}.stats-grid__label{font-size:14px;color:#52525b}.trial-card{margin:16px 0;padding:14px 16px;border:1px solid #e4e4e7;border-radius:6px}.onboarding-steps{list-style:none;margin:16px 0;padding:0}.onboarding-steps li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f4f4f5}.onboarding-steps li:last-child{border-bottom:none}.onboarding-steps__index{flex:0 0 24px;height:24px;border-radius:50%;background:#e4e4e7;color:#52525b;font-size:13px;text-align:center;line-height:24px}.onboarding-steps li[data-state=done] .onboarding-steps__index{background:#bbf7d0;color:#166534}.onboarding-steps li[data-state=next] .onboarding-steps__index{background:#bfdbfe;color:#1e3a5f}.onboarding-steps__subtitle{margin:2px 0 0;font-size:13px;color:#52525b}.onboarding-steps__count{margin-left:8px;font-size:12px;color:#71717a}.onboarding-steps__action{margin-left:8px;font-weight:500}.onboarding-sample{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:20px 0;padding:14px 16px;border:1px solid #e4e4e7;border-radius:6px}.onboarding-sample p{margin:0}.onboarding-sample button[disabled]{cursor:not-allowed;opacity:.6}.onboarding-sample__hint{font-size:12px;line-height:1.4;opacity:.75}