.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;max-width:400px;width:100%}.login-card h1{text-align:center;margin:0 0 30px;color:#333;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{color:#d32f2f;font-size:13px;margin-bottom:16px;padding:10px;background:#ffebee;border-radius:4px}button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}button:disabled{opacity:.6;cursor:not-allowed}.hint{text-align:center;color:#999;font-size:12px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.left-sidebar{width:240px;height:100vh;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:fixed;left:0;top:0;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-light)}.sidebar-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px;line-height:1}.logo-text{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border-light)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-bottom:4px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left}.nav-item:hover{background:var(--accent-light);color:var(--accent)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-icon{font-size:18px;line-height:1;flex-shrink:0}.nav-label{flex:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sidebar-panel{display:flex;flex-direction:column;height:100%;background:#fafafa}.sidebar-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.sidebar-header.sticky{position:sticky;top:0;z-index:10}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#999}.sidebar-section{border-bottom:1px solid #e0e0e0}.sidebar-section summary{padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#333;background:#fff;transition:background-color .2s}.sidebar-section summary:hover{background-color:#f5f5f5}.sidebar-section[open]>summary{background-color:#f0f0f0;border-bottom:1px solid #e0e0e0}.section-content{padding:12px 16px;background:#fff}.section-content .placeholder{margin:0;color:#999;font-size:13px;font-style:italic}.no-report{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.no-report p{margin:0;color:#666;font-size:13px}.get-report-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.get-report-btn:hover:not(:disabled){background:#5568d3}.get-report-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-content .grade-panel{max-height:600px;overflow-y:auto}:root{--bg: #f7f9fc;--bg-subtle: #f0f3f7;--panel: #ffffff;--panel2: #fafbfc;--text: #0a0f1a;--text-secondary: #3d4758;--muted: #697586;--border: rgba(15, 23, 42, .08);--border-light: rgba(15, 23, 42, .05);--border-strong: rgba(15, 23, 42, .12);--accent: #635bff;--accent-hover: #5248e6;--accent-light: rgba(99, 91, 255, .08);--success: #00d4a1;--success-light: rgba(0, 212, 161, .08);--danger: #ff5263;--danger-light: rgba(255, 82, 99, .08);--warning: #ffa726;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 0 1px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 2px 4px rgba(15, 23, 42, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(99,91,255,.04),transparent 40%),radial-gradient(circle at 80% 90%,rgba(0,212,161,.03),transparent 40%),var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1280px;margin:0 auto;padding:24px}.app-container{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.saas-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.saas-main{flex:1;margin-left:240px;overflow-y:auto;overflow-x:hidden}.saas-main::-webkit-scrollbar{width:8px}.saas-main::-webkit-scrollbar-track{background:transparent}.saas-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.saas-main::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.h1{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2}.sub{font-size:15px;color:var(--text-secondary);font-weight:400;line-height:1.5;margin-top:8px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}@media(max-width:1280px){.container{padding:20px 16px}}@media(max-width:1080px){.grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.container{padding:16px 12px}.header{flex-direction:column;gap:16px;align-items:stretch}.h1{font-size:20px}.grid{gap:16px}}@media(max-width:480px){.container{padding:12px 8px}.h1{font-size:18px}.sub{font-size:12px}.row{flex-wrap:wrap}.card{padding:12px;border-radius:12px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.cardTitle{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.cardTitle h2{font-size:18px;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--text)}.badge{font-size:13px;font-weight:500;color:var(--text-secondary);padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-subtle);white-space:nowrap}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.stretch{align-items:stretch}.row.space{justify-content:space-between}.row.tight{gap:6px}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:14px;transition:all .15s ease;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btnPrimary{background:var(--accent);border-color:var(--accent);color:#fff}.btnPrimary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btnPrimary:active{transform:translateY(0)}.btnDanger{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.btnDanger:hover{background:var(--danger);color:#fff}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius-md);padding:12px 14px;outline:none;font-size:14px;font-family:inherit;transition:all .15s ease;box-shadow:var(--shadow-sm)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light),var(--shadow-sm)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.hr{border:none;border-top:1px solid var(--border);margin:12px 0}.msgs{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow:auto;padding:16px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--panel);box-shadow:inset 0 1px 3px #0f172a08}.msg{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;background:var(--panel);max-width:75%;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.msg:hover{box-shadow:var(--shadow-md)}.msg.psychologist{margin-left:auto;background:linear-gradient(135deg,#635bff14,#635bff1f);border-color:#635bff33}.msg.client{margin-right:auto;background:linear-gradient(135deg,#00d4a10f,#00d4a11a);border-color:#00d4a12e}.msg.system{margin:0 auto;max-width:70%;background:#f8fafc}.msgTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.role{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;opacity:.8}.time{font-size:12px;color:var(--muted);opacity:.6}.msgText{font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--text)}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.kpiBox{border:1px solid var(--border-light);background:var(--panel);border-radius:var(--radius-md);padding:14px 16px;transition:all .2s ease}.kpiBox:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.kpiLabel{font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.kpiVal{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em}.alert{border-radius:var(--radius-md);padding:12px 16px;border:1px solid var(--border);background:#ffa72614;color:var(--text);font-size:14px;box-shadow:var(--shadow-sm)}.alertErr{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.small{font-size:13px;color:var(--text-secondary);line-height:1.5}.composerBox{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-md)}.pillRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.sectionBox{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;background:var(--bg-subtle);transition:border-color .2s ease}.sectionBox:hover{border-color:var(--border)}.sectionTitle{font-weight:600;font-size:14px;margin-bottom:12px;color:var(--text);letter-spacing:-.01em}.quoteCard{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;background:var(--panel);transition:all .2s ease}.quoteCard:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.gradeGrid{display:grid;gap:10px}