:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#0f1117;--bg-secondary:#161922;--bg-card:#1c1f2e;--bg-card-hover:#242840;--bg-input:#1a1d2b;--border-color:#ffffff0f;--border-focus:#38bdf8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent:#38bdf8;--accent-hover:#22d3ee;--accent-glow:#38bdf826;--success:#34d399;--success-bg:#34d3991a;--warning:#fbbf24;--danger:#f87171;--danger-bg:#f871711a;--purple:#a78bfa;--purple-bg:#a78bfa1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{max-width:800px;margin:0 auto;padding:24px 20px 60px}.topbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:16px 0 28px;display:flex}.topbar-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-logo-icon{background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:var(--radius-sm);width:36px;height:36px;color:var(--bg-primary);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.topbar-logo-text{letter-spacing:-.5px;font-size:20px;font-weight:700}.topbar-logo-text span{color:var(--accent)}.topbar-nav{align-items:center;gap:16px;display:flex}.topbar-nav-link{color:var(--text-secondary);transition:color var(--transition);font-size:14px;font-weight:500;text-decoration:none}.topbar-nav-link:hover{color:var(--text-primary)}.breadcrumb{align-items:center;gap:8px;margin-bottom:24px;display:flex}.breadcrumb a{color:var(--accent);transition:color var(--transition);font-size:14px;font-weight:500;text-decoration:none}.breadcrumb a:hover{color:var(--accent-hover)}.breadcrumb .sep{color:var(--text-muted);font-size:12px}.breadcrumb .current{color:var(--text-secondary);font-size:14px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.btn{border-radius:var(--radius-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #818cf8);color:var(--bg-primary);box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn-success{background:var(--success);color:var(--bg-primary)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 20px #34d39940}.btn-warning{background:var(--purple);color:var(--bg-primary)}.btn-warning:hover{box-shadow:0 4px 20px var(--purple-bg);transform:translateY(-1px)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #f871714d}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{padding:7px 16px;font-size:13px}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition);padding:20px}.card-clickable{cursor:pointer}.card-clickable:hover{background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--accent-glow), var(--shadow-md);border-color:#38bdf84d;transform:translateY(-2px)}.client-item{align-items:center;gap:16px;padding:16px 20px;display:flex}.client-avatar{background:linear-gradient(135deg, var(--accent), var(--purple));width:44px;height:44px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.client-info{flex:1;min-width:0}.client-name{margin-bottom:2px;font-size:15px;font-weight:600}.client-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.client-arrow{color:var(--text-muted);transition:transform var(--transition);font-size:18px}.card-clickable:hover .client-arrow{color:var(--accent);transform:translate(4px)}.client-list{flex-direction:column;gap:8px;display:flex}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select,.form-input,.form-textarea{color:#1a1a1a;caret-color:#1a1a1a;border-radius:var(--radius-sm);width:100%;font-family:var(--font-family);transition:all var(--transition);background-color:#fcfcfc;border:1px solid #0003;padding:12px 16px;font-size:15px}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:#888;opacity:1}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #38bdf84d}input:-webkit-autofill{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 50px #fcfcfc!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 50px #fcfcfc!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 50px #fcfcfc!important}input:-webkit-autofill:active{-webkit-text-fill-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 50px #fcfcfc!important}.form-textarea{resize:vertical;min-height:120px;line-height:1.7}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:32px;animation:.25s slideUp}.modal h2{margin-bottom:24px;font-size:22px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.session-item{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.session-date{font-size:14px;font-weight:600}.session-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:500px;margin-top:4px;font-size:13px;overflow:hidden}.session-form-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.structured-note{margin-top:24px;animation:.3s fadeIn}.structured-note h3{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:700}.note-section{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:12px;padding:16px}.note-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700}.note-section-body{color:var(--text-secondary);white-space:pre-wrap;font-size:14px;line-height:1.7}.client-summary-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#38bdf814,#a78bfa14);border:1px solid #38bdf826;margin-top:16px;padding:20px}.client-summary-card h4{text-transform:uppercase;letter-spacing:.5px;color:var(--purple);margin-bottom:8px;font-size:13px}.client-summary-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.detail-section{margin-bottom:36px}.detail-section h2{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.detail-field{gap:12px;padding:8px 0;display:flex}.detail-field-label{color:var(--text-muted);min-width:60px;font-size:13px;font-weight:500}.detail-field-value{color:var(--text-primary);font-size:14px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state-icon{opacity:.4;margin-bottom:12px;font-size:48px}.empty-state p{font-size:14px}.badge{border-radius:20px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent)}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:200;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideUp,.3s 2.5s forwards fadeOut;position:fixed;bottom:24px;right:24px}.toast-success{border-left:3px solid var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){#app{padding:16px 14px 40px}.page-header h1{font-size:22px}.modal{padding:24px 20px}.session-preview{max-width:200px}}.checkin-page{max-width:600px;margin:0 auto;padding:24px 16px 60px}.checkin-header{justify-content:center;align-items:center;margin-bottom:8px;padding:16px 0 24px;display:flex}.checkin-logo{align-items:center;gap:10px;display:flex}.checkin-logo-icon{background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:var(--radius-sm);width:36px;height:36px;color:var(--bg-primary);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.checkin-logo-text{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:700}.checkin-logo-text span{color:var(--accent)}.checkin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px 28px}.checkin-title{letter-spacing:-.3px;margin-bottom:8px;font-size:24px;font-weight:700}.checkin-helper{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.6}.checkin-client-name{color:var(--accent);margin-bottom:24px;font-size:14px;font-weight:600}.checkin-group{margin-bottom:24px}.checkin-label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.5;display:block}.checkin-optional{color:var(--text-muted);font-size:13px;font-weight:400}.checkin-options{flex-wrap:wrap;gap:8px;display:flex}.checkin-option{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition);padding:10px 16px;font-size:13px;font-weight:500}.checkin-option:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-card-hover)}.checkin-option.selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);font-weight:600;box-shadow:0 0 0 2px #38bdf81f}.checkin-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);resize:vertical;min-height:80px;transition:border-color var(--transition), box-shadow var(--transition);padding:12px 16px;font-size:14px;line-height:1.6}.checkin-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.checkin-textarea::placeholder{color:var(--text-muted)}.checkin-vas-grid{flex-direction:column;gap:16px;display:flex}.checkin-vas-item{flex-direction:column;gap:6px;display:flex}.checkin-vas-label{color:var(--text-secondary);font-size:13px;font-weight:500}.checkin-slider-row{align-items:center;gap:12px;display:flex}.checkin-slider{appearance:none;background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.checkin-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:20px;height:20px;transition:transform var(--transition);border-radius:50%;box-shadow:0 2px 8px #38bdf84d}.checkin-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.checkin-slider-value{text-align:center;width:28px;color:var(--accent);font-size:16px;font-weight:700}.checkin-submit{width:100%;margin-top:8px;padding:14px 24px;font-size:16px}.checkin-confirmation{text-align:center;animation:.4s fadeIn}.checkin-confirm-icon{background:var(--success-bg);width:64px;height:64px;color:var(--success);border:2px solid var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.checkin-confirmation h2{margin-bottom:8px;font-size:22px;font-weight:700}.checkin-confirmation p{color:var(--text-secondary);font-size:14px;line-height:1.6}.checkin-toast{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);z-index:200;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s slideUp,.3s 2.5s forwards fadeOut;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=600px){.checkin-card{padding:24px 16px}.checkin-options{flex-direction:column}.checkin-option{text-align:center;width:100%}}.intake-page{background:var(--bg-primary);flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex}.intake-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 20px 12px}.intake-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.intake-logo-icon{background:linear-gradient(135deg, var(--accent), var(--purple));width:32px;height:32px;color:var(--bg-primary);border-radius:6px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.intake-logo-text{letter-spacing:-.3px;color:var(--text-primary);font-size:17px;font-weight:700}.intake-logo-text span{color:var(--accent)}.intake-progress{background:var(--bg-card);border-radius:2px;height:4px;overflow:hidden}.intake-progress-bar{background:linear-gradient(90deg, var(--accent), var(--purple));border-radius:2px;width:0%;height:100%;transition:width .4s}.intake-progress-label{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px}.intake-chat-area{flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}.intake-bubble{border-radius:16px;max-width:85%;padding:14px 18px;font-size:14px;line-height:1.6;animation:.3s intakeFadeIn}.intake-bubble-bot{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.intake-bubble-user{color:var(--text-primary);background:linear-gradient(135deg,#38bdf826,#a78bfa26);border:1px solid #38bdf833;border-bottom-right-radius:4px;align-self:flex-end}.intake-input-area{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;padding:16px 16px 24px}.intake-input-row{align-items:flex-end;gap:8px;display:flex}.intake-input{color:#1a1a1a;caret-color:#1a1a1a;border-radius:var(--radius-sm);font-family:var(--font-family);transition:all var(--transition);background-color:#fcfcfc;border:1px solid #0003;flex:1;padding:12px 16px;font-size:15px}.intake-input:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #38bdf84d}.intake-input::placeholder{color:#888;opacity:1}.intake-textarea{color:#1a1a1a;caret-color:#1a1a1a;border-radius:var(--radius-sm);width:100%;font-family:var(--font-family);resize:vertical;min-height:70px;transition:all var(--transition);background-color:#fcfcfc;border:1px solid #0003;margin-bottom:8px;padding:12px 16px;font-size:15px;line-height:1.6}.intake-textarea:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #38bdf84d}.intake-textarea::placeholder{color:#888;opacity:1}.intake-btn-next{width:100%}.intake-btn-send{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;display:flex}.intake-field-error{animation:.4s intakeShake;border-color:var(--danger)!important}@keyframes intakeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intakeShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=600px){.intake-bubble{max-width:92%}}.portal{animation:.35s fadeIn}.portal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:40px;padding-bottom:32px;display:flex}.portal-avatar{background:linear-gradient(135deg, var(--accent), var(--purple));width:56px;height:56px;color:var(--bg-primary);box-shadow:0 0 0 4px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.portal-greeting{letter-spacing:-.4px;margin-bottom:4px;font-size:26px;font-weight:700;line-height:1.2}.portal-sub{color:var(--text-secondary);max-width:480px;margin-top:4px;font-size:14px;line-height:1.5}.portal-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-top:32px;margin-bottom:10px;font-size:11px;font-weight:700}.portal-section-label:first-of-type{margin-top:0}.portal-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px;display:grid}.portal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);padding:28px 24px}.portal-card:hover{border-color:#38bdf82e;box-shadow:0 4px 16px #00000040}.portal-card-accent{background:linear-gradient(135deg,#38bdf812,#a78bfa12);border-color:#38bdf829}.portal-card-icon{opacity:.85;margin-bottom:10px;font-size:22px}.portal-card-title{letter-spacing:-.3px;color:var(--text-primary);margin-bottom:14px;font-size:16px;font-weight:700}.portal-card-divider{background:var(--border-color);opacity:.6;height:1px;margin:16px 0}.portal-card-text{color:var(--text-secondary);letter-spacing:.2px;white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.8}.portal-long-text{max-width:600px}.portal-meta{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:500}.portal-focus{background:var(--accent-glow);border-radius:var(--radius-sm);color:var(--text-primary);margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5}.portal-focus-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-right:6px;font-size:11px;font-weight:700}.portal-exercise-list{flex-direction:column;gap:10px;display:flex}.portal-exercise{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px}.portal-exercise-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.portal-exercise-instruction{color:var(--text-muted);font-size:12px;line-height:1.5}.portal-progress-trend{align-items:center;gap:8px;margin-bottom:12px;display:flex}.portal-trend-icon{font-size:18px}.portal-trend-label{color:var(--text-primary);font-size:14px;font-weight:600}.portal-empty{padding:8px 0}.portal-empty-title{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:600}.portal-empty-sub{color:var(--text-muted);opacity:.7;font-size:13px;line-height:1.5}.portal-expandable{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px;display:none}.portal-expandable.is-open{animation:.2s fadeIn;display:block}.portal-expand-btn{border-radius:var(--radius-sm);width:100%;transition:all var(--transition);background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;margin-top:14px;padding:8px 12px;font-size:13px;color:var(--text-secondary)!important}.portal-expand-btn:hover{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-primary)!important}.portal-field-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-primary);opacity:.9;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.portal-checkin-row{flex-direction:column;gap:10px;display:flex}.portal-checkin-field{border-bottom:1px solid #ffffff0d;padding-bottom:10px}.portal-checkin-field:last-child{border-bottom:none;padding-bottom:0}.portal-checkin-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600}.portal-history-row{opacity:.75;border-bottom:1px solid #ffffff0d;padding:8px 0}.portal-history-row:last-child{border-bottom:none}@media (width<=600px){.portal-grid{grid-template-columns:1fr;gap:14px}.portal-header{margin-bottom:28px;padding-bottom:24px}.portal-greeting{font-size:21px}.portal-sub{font-size:13px}.portal-card{padding:20px 16px}.portal-section-label{margin-top:24px}}.portal-chat-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:24px;padding:24px;animation:.35s fadeIn}.portal-chat-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.portal-chat-header .portal-card-icon,.portal-chat-header .portal-card-title{margin-bottom:0}.portal-chat-messages{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;gap:8px;max-height:320px;padding:12px 0;display:flex;overflow-y:auto}.portal-chat-messages::-webkit-scrollbar{width:5px}.portal-chat-messages::-webkit-scrollbar-track{background:0 0}.portal-chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.portal-chat-welcome{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:14px;line-height:1.6}.portal-chat-welcome p:first-child{margin-bottom:6px;font-size:16px}.portal-chat-msg{flex-direction:column;animation:.25s fadeIn;display:flex}.portal-chat-msg-client{align-items:flex-end}.portal-chat-msg-bot{align-items:flex-start}.portal-chat-bubble{word-wrap:break-word;border-radius:14px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.6}.portal-chat-bubble-client{background:linear-gradient(135deg, var(--accent), #38bdf8b3);color:var(--bg-primary);border-bottom-right-radius:4px;font-weight:500}.portal-chat-bubble-bot{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.portal-chat-time{color:var(--text-muted);opacity:.7;margin-top:3px;padding:0 4px;font-size:10px}.portal-chat-flag{margin-left:4px;font-size:11px}.portal-chat-input-row{gap:8px;margin-top:12px;display:flex}.portal-chat-input{color:#1a1a1a;caret-color:#1a1a1a;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background-color:#fcfcfc;border:1px solid #0003;outline:none;flex:1;padding:10px 14px;transition:all .2s}.portal-chat-input:focus{border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 3px #38bdf84d}.portal-chat-input::placeholder{color:#888;opacity:1}.portal-chat-send{border-radius:var(--radius-sm);white-space:nowrap;padding:10px 20px;font-size:13px;font-weight:600}.portal-chat-hints{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.portal-chat-hint{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-family);border-radius:20px;padding:5px 12px;transition:all .2s}.portal-chat-hint:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}@media (width<=600px){.portal-chat-section{padding:16px}.portal-chat-messages{max-height:260px}.portal-chat-bubble{max-width:92%}.portal-chat-send{padding:10px 14px}}.pub-root{--bg-primary:#f5f3ec;--bg-secondary:#eae6dd;--bg-card:#fcfaf6;--bg-card-hover:#fff;--border-color:#2b29250f;--border-focus:#9e9585;--text-primary:#2b2925;--text-secondary:#5e5a53;--text-muted:#918d85;--accent:#a19888;--accent-hover:#8c8373;--accent-glow:#a1988826;--warning:#cc9f6e;--shadow-card:0 8px 32px #2b29250a;--shadow-elevated:0 16px 48px #2b29250f;background:var(--bg-primary);color:var(--text-primary);max-width:100%!important;padding:0!important}.pub-page{flex-direction:column;min-height:100vh;display:flex}.pub-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#f5f3ecd9;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.pub-nav-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.pub-nav-logo-icon{background:var(--bg-card);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.pub-nav-logo-text{letter-spacing:-.02em;color:var(--text-primary);font-size:17px;font-weight:600}.pub-nav-logo-text span{color:var(--accent)}.pub-nav-links{align-items:center;gap:28px;display:flex}.pub-nav-link{color:var(--text-secondary);transition:color var(--transition);font-size:14px;font-weight:500;text-decoration:none}.pub-nav-link:hover{color:var(--text-primary)}.pub-nav-login{background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition);border-radius:8px;padding:8px 20px;font-weight:600;box-shadow:0 2px 8px #0000000a;color:var(--text-primary)!important}.pub-nav-login:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.pub-lang-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.pub-lang-btn{letter-spacing:.04em;color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-size:12px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:5px 12px}.pub-lang-btn:hover{color:var(--text-primary)}.pub-lang-btn.active{background:var(--accent);color:var(--bg-primary);font-weight:600}.pub-nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.pub-nav-hamburger span{background:var(--text-secondary);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.pub-nav-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.pub-nav-hamburger.open span:nth-child(2){opacity:0}.pub-nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.pub-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#f9f7f3f2;flex-direction:column;gap:16px;padding:24px 40px;display:none}.pub-mobile-menu.open{display:flex}.pub-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.pub-hero-wrapper{background:linear-gradient(135deg,#fdfbf7 0%,#f4f1ea 100%);border-bottom:1px solid #0000000d;align-items:center;width:100%;min-height:90vh;display:flex;overflow:hidden}.pub-hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1400px;margin:0 auto;padding:120px 40px 80px;display:grid}.pub-hero-content{justify-self:start;max-width:680px}.pub-hero-title{letter-spacing:-.05em;color:#1a1a1a;margin-bottom:24px;font-size:clamp(2.8rem,4.5vw,4.8rem);font-weight:500;line-height:1}.pub-hero-sub{color:#4a4a4a;max-width:580px;margin-bottom:24px;font-size:22px;font-weight:400;line-height:1.6}.pub-hero-support{border-left:2px solid #d4c5b0;max-width:540px;margin-bottom:48px;padding-left:24px}.pub-hero-support p{color:#6a6a6a;margin:0;font-size:16px;line-height:1.7}.pub-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pub-cta-btn{color:#fff;letter-spacing:.01em;transition:all var(--transition);background:#1a1a1a;border-radius:8px;padding:20px 40px;font-size:16px;font-weight:500;text-decoration:none}.pub-cta-btn:hover{background:#333}.pub-secondary-btn{color:#1a1a1a;transition:all var(--transition);border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;padding:18px 36px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.pub-secondary-btn:hover{background:#00000008}.pub-hero-placeholder{background:#00000005;border:1px solid #0000000d;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:720px;display:flex;position:relative;overflow:hidden}.pub-trust-strip{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px 0;display:flex}.pub-trust-item{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pub-trust-item:before{content:"✓";color:var(--accent)}.pub-cta-btn{color:#fff;background:var(--text-primary);transition:all var(--transition);border-radius:16px;justify-content:center;align-items:center;padding:18px 40px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 12px 32px #2b29251f}.pub-cta-btn:hover{background:#1a1916;transform:translateY(-2px);box-shadow:0 16px 40px #2b292529}.pub-secondary-btn:hover{border-color:var(--border-focus);background:#2b292505;transform:translateY(-1px)}.pub-section{padding:120px 0}.pub-section-header{text-align:center;margin-bottom:64px;max-width:640px;margin-inline:auto}.pub-section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(28px,4vw,42px);font-weight:700}.pub-section-sub{color:var(--text-secondary);font-size:17px;line-height:1.7}.pub-problem-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.pub-problem-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-card);transition:all var(--transition);border-radius:16px;padding:24px 32px;font-size:16px;line-height:1.6}.pub-problem-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translateY(-2px)}.pub-process-section{border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:32px;margin:40px 0;padding:120px 40px}.pub-process-timeline{max-width:720px;margin:0 auto;padding-left:80px;position:relative}.pub-process-timeline:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--border-focus) 10%, var(--border-focus) 90%, transparent 100%);width:1px;position:absolute;top:32px;bottom:32px;left:24px}.pub-process-step{align-items:flex-start;gap:32px;padding:40px 0;display:flex;position:relative}.pub-process-step+.pub-process-step{border-top:1px solid var(--border-color)}.pub-process-marker{background:var(--bg-card);border:1px solid var(--border-color);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:40px;left:-80px;box-shadow:0 2px 12px #2b29250a}.pub-process-marker span{letter-spacing:.02em;color:var(--text-primary);font-size:14px;font-weight:700}.pub-process-body{flex:1}.pub-process-body h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:600}.pub-process-body p{color:var(--text-secondary);max-width:560px;font-size:16px;line-height:1.75}@media (width<=768px){.pub-process-section{border-radius:20px;margin:20px 0;padding:64px 20px}.pub-process-timeline{padding-left:56px}.pub-process-timeline:before{left:16px}.pub-process-marker{width:36px;height:36px;top:36px;left:-56px}.pub-process-marker span{font-size:12px}.pub-process-step{padding:28px 0}.pub-process-body h3{font-size:18px}.pub-process-body p{font-size:15px}}.pub-test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.pub-test-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;padding:32px;display:flex}.pub-test-stars{color:var(--warning);letter-spacing:2px;margin-bottom:16px;font-size:14px}.pub-test-text{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.7}.pub-test-author{color:var(--text-primary);font-size:14px;font-weight:600}.pub-about{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:24px;align-items:center;gap:64px;padding:64px;display:flex}.pub-about-content{flex:1}.pub-about-content h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:32px;font-weight:700}.pub-about-quote{color:var(--text-primary);border-left:3px solid var(--text-secondary);margin-bottom:24px;padding-left:20px;font-size:20px;font-weight:500;line-height:1.6}.pub-about-text{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.8}.pub-about-layout{align-items:flex-start;gap:80px;max-width:1080px;margin:0 auto;display:flex}.pub-about-image-wrapper{width:440px;box-shadow:var(--shadow-elevated);border-radius:32px;flex-shrink:0;position:sticky;top:120px;overflow:hidden}.pub-about-portrait{object-fit:cover;object-position:center 20%;width:100%;height:600px;display:block}.pub-about-text-content{flex:1}@media (width<=900px){.pub-about-layout{flex-direction:column;gap:48px}.pub-about-image-wrapper{width:100%;max-width:500px;margin:0 auto;position:static}.pub-about-portrait{height:480px}}.pub-cta-section{text-align:center;background:radial-gradient(circle,#00000008 0%,#0000 70%);padding:120px 0}.pub-cta-section h2{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:32px;font-size:clamp(32px,4vw,48px);font-weight:700}.pub-footer{border-top:1px solid var(--border-color);text-align:center;padding:32px 40px}.pub-footer p{color:var(--text-muted);font-size:13px}.pub-service-group{margin-bottom:48px}.pub-service-group-desc{margin-bottom:20px;padding-left:2px}.pub-service-group-desc p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.pub-service-group-desc p:first-child{color:var(--text-primary);margin-bottom:2px;font-weight:500}.pub-services-subtitle{color:var(--accent);letter-spacing:-.01em;margin-bottom:12px;font-size:20px;font-weight:600}.pub-services-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.pub-service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);padding:24px}.pub-service-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.pub-service-card--pkg{border-left:3px solid var(--accent)}.pub-service-card-header h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.pub-service-badge{color:var(--accent);background:var(--accent-glow);border-radius:12px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pub-service-card-body{margin-top:12px}.pub-service-duration{color:var(--text-muted);margin-bottom:4px;font-size:13px}.pub-service-price{color:var(--text-primary);font-size:20px;font-weight:700}.pub-service-per{color:var(--text-muted);margin-top:2px;font-size:12px}@media (width<=768px){.pub-nav{padding:16px 20px}.pub-nav-links{display:none}.pub-nav-hamburger{display:flex}.pub-mobile-menu{padding:20px}.pub-main{padding:0 20px}.pub-hero-wrapper{min-height:auto}.pub-hero{text-align:left;flex-direction:column;gap:48px;padding:80px 20px 60px;display:flex}.pub-hero-content,.pub-hero-sub{max-width:100%}.pub-hero-placeholder{width:100%;height:480px}.pub-foryou-grid{grid-template-columns:1fr}.pub-about{flex-direction:column-reverse!important;gap:32px!important}.pub-about-visual{width:100%;height:320px!important}.pub-about-content{text-align:center;align-items:center;padding:0!important}.pub-section{padding:48px 0}.pub-footer{padding:24px 20px}.pub-services-grid{grid-template-columns:1fr}}.login-wrapper{justify-content:center;align-items:center;min-height:85vh;padding:24px 16px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-card h2{text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.login-card .login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:14px;line-height:1.5}.login-card .form-group{margin-bottom:20px}.login-card .form-input{padding:14px 16px;font-size:15px}.login-error{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #f8717140;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;display:none}.login-submit{width:100%;margin-bottom:20px;padding:14px;font-size:15px}.login-back{text-align:center;color:var(--text-muted);cursor:pointer;transition:color var(--transition);font-size:13px;font-family:var(--font-family);background:0 0;border:none;padding:4px;display:block}.login-back:hover{color:var(--text-primary)}.login-selection-btns{flex-direction:column;gap:12px;margin-top:4px;display:flex}.login-selection-btns .btn{border-radius:var(--radius-md);padding:18px;font-size:16px}.credential-pill{color:var(--accent);background:var(--accent-glow);letter-spacing:.5px;-webkit-user-select:all;user-select:all;border:1px solid #38bdf833;border-radius:6px;padding:6px 12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:14px;font-weight:600;display:inline-block}.credential-pill--lg{letter-spacing:3px;padding:6px 16px;font-size:20px}@media (width<=640px){#app{padding:16px 16px 48px}.topbar{margin-bottom:24px;padding:12px 0 20px}.topbar-logo-text{font-size:17px}.page-header h1{font-size:22px}.page-header{margin-bottom:20px}.detail-section h2{font-size:16px}.btn{font-size:14px}.btn-sm{padding:8px 14px;font-size:13px}.session-form-actions{flex-direction:column}.session-form-actions .btn{justify-content:center;width:100%}.login-card{padding:28px 20px}.login-selection-btns .btn{padding:16px}.hide-mobile{display:none!important}}