*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#eff6ff;--blue-mid:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--green:#16a34a;--green-light:#f0fdf4;--green-mid:#dcfce7;--orange:#ea580c;--orange-light:#fff7ed;--red:#dc2626;--red-light:#fef2f2;--radius:10px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f}body{background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{max-width:720px;margin:0 auto;padding:0 16px 80px}.header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 0 16px;display:flex}.header-title{color:var(--gray-900);font-size:20px;font-weight:700}.header-sub{color:var(--gray-500);margin-top:2px;font-size:13px}.card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.card-body{padding:16px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);margin-bottom:10px;font-size:11px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-ghost{color:var(--gray-600);border:1px solid var(--gray-300);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:6px 12px;font-size:13px}.btn-link{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:underline}.form-group{margin-bottom:16px}.form-label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--gray-300);width:100%;color:var(--gray-900);background:#fff;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--red);margin-top:6px;font-size:13px}.client-row{border-bottom:1px solid var(--gray-100);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .1s;display:flex}.client-row:last-child{border-bottom:none}.client-row:hover{background:var(--gray-50)}.client-name{font-size:15px;font-weight:600}.client-meta{color:var(--gray-500);margin-top:2px;font-size:12px}.client-arrow{color:var(--gray-400);font-size:18px}.badge{border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-blue{background:var(--blue-mid);color:var(--blue-dark)}.badge-green{background:var(--green-mid);color:var(--green)}.badge-orange{background:var(--orange-light);color:var(--orange)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.session-card{border:1px solid var(--gray-200);background:#fff;border-radius:8px;margin-bottom:10px;padding:14px}.session-date{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600}.session-notes{color:var(--gray-700);white-space:pre-wrap;font-size:14px;line-height:1.5}.session-homework{background:var(--blue-light);color:var(--gray-700);white-space:pre-wrap;border-radius:6px;margin-top:10px;padding:10px;font-size:13px}.session-homework strong{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;display:block}.checkin-card{border:1px solid var(--gray-200);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;display:flex}.checkin-info{flex:1}.checkin-date{color:var(--gray-700);font-size:13px;font-weight:600}.checkin-response{color:var(--gray-600);margin-top:4px;font-size:13px;font-style:italic}.checkin-actions{flex-shrink:0;gap:6px;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--gray-200);border-radius:var(--radius);text-align:center;background:#fff;padding:14px}.stat-value{color:var(--blue);font-size:28px;font-weight:700}.stat-label{color:var(--gray-500);margin-top:2px;font-size:11px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--gray-200);width:100%;max-width:380px;box-shadow:var(--shadow-md);background:#fff;border-radius:16px;padding:32px}.login-logo{margin-bottom:8px;font-size:36px}.login-title{margin-bottom:4px;font-size:22px;font-weight:700}.login-sub{color:var(--gray-500);margin-bottom:28px;font-size:14px}.portal-wrap{max-width:600px;margin:0 auto;padding:24px 16px 80px}.portal-header{background:var(--blue);color:#fff;border-radius:14px;margin-bottom:24px;padding:28px 24px 24px}.portal-greeting{opacity:.8;margin-bottom:4px;font-size:13px}.portal-name{font-size:26px;font-weight:700}.empty-state{text-align:center;color:var(--gray-400);padding:36px 16px;font-size:14px}.divider{border:none;border-top:1px solid var(--gray-200);margin:20px 0}.back-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:14px;display:inline-flex}.back-btn:hover{color:var(--gray-900)}.copy-link-row{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);word-break:break-all;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.copy-link-row span{flex:1}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=500px){.modal-overlay{align-items:center;padding:24px}}.modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}@media (width>=500px){.modal{border-radius:16px}}.modal-title{margin-bottom:20px;font-size:18px;font-weight:700}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tabs{background:var(--gray-100);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{cursor:pointer;color:var(--gray-600);background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.tab.active{color:var(--gray-900);box-shadow:var(--shadow);background:#fff}.alert{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.alert-error{background:var(--red-light);color:var(--red)}.alert-success{background:var(--green-light);color:var(--green)}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.text-sm{font-size:13px}.text-gray{color:var(--gray-500)}.font-semibold{font-weight:600}.rich-editor{border:1px solid var(--gray-300);background:#fff;border-radius:8px;transition:border-color .15s;overflow:hidden}.rich-editor:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.rich-editor-toolbar{border-bottom:1px solid var(--gray-200);background:var(--gray-50);align-items:center;gap:2px;padding:6px 8px;display:flex}.rich-editor-divider{background:var(--gray-200);width:1px;height:16px;margin:0 4px}.rich-editor .tiptap{min-height:80px;color:var(--gray-900);outline:none;padding:9px 12px;font-size:14px;line-height:1.6}.rich-editor .tiptap p{margin:0 0 4px}.rich-editor .tiptap p:last-child{margin-bottom:0}.rich-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--gray-400);pointer-events:none;float:left;height:0}.rich-content{color:var(--gray-700);font-size:14px;line-height:1.6}.rich-content p{margin:0 0 4px}.rich-content p:last-child{margin-bottom:0}.rich-content ul,.rich-content ol{margin:4px 0;padding-left:20px}.rich-content ul{list-style:outside}.rich-content ol{list-style:decimal}.rich-content li{margin-bottom:2px}.rich-content strong{font-weight:700}.rich-content em{font-style:italic}