.shell{display:flex;min-height:100vh}.shell-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5)}.shell-logo{font-size:18px;font-weight:700;color:var(--color-primary);padding:0 var(--space-2);letter-spacing:-.01em}.shell-nav{display:flex;flex-direction:column;gap:2px}.shell-nav-link{display:block;padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:13.5px}.shell-nav-link:hover{background:var(--color-primary-soft);color:var(--color-primary)}.shell-nav-link.active{background:var(--color-primary);color:#fff}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0}.shell-topbar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.shell-user{display:flex;align-items:center;gap:var(--space-3)}.shell-user-name{font-weight:600;font-size:13.5px}.shell-content{flex:1;padding:var(--space-6);max-width:1100px;width:100%;margin:0 auto}.portal-shell{min-height:100vh}.portal-topbar{height:60px;display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.portal-logo{font-size:18px;font-weight:700;color:var(--color-primary)}.portal-nav{display:flex;gap:var(--space-2);flex:1}.portal-nav-link{padding:8px 14px;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:13.5px}.portal-nav-link:hover{background:var(--color-primary-soft);color:var(--color-primary)}.portal-nav-link.active{background:var(--color-primary);color:#fff}.portal-content{max-width:760px;margin:0 auto;padding:var(--space-6)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-bg) 0%,var(--color-primary-soft) 100%)}.login-card{width:360px}.login-card h1{color:var(--color-primary);margin-bottom:2px}.login-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5);font-size:13px}.login-clinic-choices{display:flex;flex-direction:column;gap:var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b262266;display:flex;align-items:flex-start;justify-content:center;padding:6vh 20px;overflow-y:auto;z-index:100}.modal-panel{max-width:100%;max-height:88vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h2{margin:0}.patient-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.patient-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.patient-tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.patient-tab{padding:10px var(--space-4);border:none;background:none;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.patient-tab:hover{color:var(--color-primary)}.patient-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.patient-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:760px){.patient-summary-grid{grid-template-columns:1fr}}.contact-view{margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-3)}.contact-view dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:600}.contact-view dd{margin:2px 0 0;font-size:14px}.timeline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.timeline-list li{display:flex;align-items:center;gap:var(--space-3);font-size:13.5px}.timeline-icon{width:28px;height:28px;border-radius:50%;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.timeline-summary{flex:1}.timeline-date{color:var(--color-text-muted);font-size:12px}.dynamic-form-section{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.dynamic-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.field-required{color:var(--color-danger)}.multiselect-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.checkbox-option{display:flex;align-items:center;gap:6px;font-weight:400;text-transform:none;font-size:13.5px;color:var(--color-text)}.repeater-items{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-2)}.repeater-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-bg)}.repeater-item-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2)}.annotation-instructions{font-size:12.5px;color:var(--color-text-muted);margin:0 0 var(--space-2)}.annotation-canvas{position:relative;width:220px;max-width:100%;aspect-ratio:200 / 240;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:crosshair;-webkit-user-select:none;user-select:none}.annotation-pin{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 1px 3px #0000004d}.annotation-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.annotation-list li{display:flex;align-items:center;gap:var(--space-2)}.annotation-list-index{width:20px;height:20px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.annotation-list input{flex:1;padding:6px 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.photos-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.photo-thumb{position:relative;width:84px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb .spinner{margin:30px auto}.photo-thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;line-height:1}.photos-add-btn{width:84px;height:84px;border-radius:var(--radius-sm);border:1.5px dashed var(--color-border);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;font-size:12.5px;font-weight:600}.photos-add-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.signature-canvas{border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);background:#fff;touch-action:none;width:400px;height:160px;max-width:100%}.signature-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.signature-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;width:240px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.signature-preview img{max-width:100%;max-height:100%}.schema-section-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg)}.schema-fields{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0}.field-editor{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface)}.field-editor-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.field-editor-row input,.field-editor-row select{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.field-editor-extra{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.field-editor-extra label{font-size:12px;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.field-editor-extra input,.field-editor-extra select{padding:6px 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:200px}.field-editor-repeater{flex-direction:column;align-items:stretch}.repeater-subfields{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--color-border)}:root{--color-bg: #faf8f6;--color-surface: #ffffff;--color-border: #e7e0da;--color-text: #2b2622;--color-text-muted: #6f6459;--color-primary: #a8654f;--color-primary-hover: #8f5340;--color-primary-soft: #f3e4de;--color-accent: #5c7d70;--color-accent-soft: #e5ede9;--color-danger: #b3413a;--color-danger-soft: #f6e3e1;--color-warning: #b8863a;--color-warning-soft: #f7ecd9;--color-success: #4c7a5b;--color-success-soft: #e4efe6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(43, 38, 34, .06);--shadow-md: 0 4px 16px rgba(43, 38, 34, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-width: 240px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.btn-sm{padding:5px 10px;font-size:12.5px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-weight:600;font-size:12.5px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.field .hint{font-size:12px;color:var(--color-text-muted);font-weight:400;text-transform:none;letter-spacing:normal}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=date],.field input[type=time],.field input[type=number],.field select,.field textarea{padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary)}.field textarea{resize:vertical;min-height:80px}.field-error{color:var(--color-danger);font-size:12px}.field-checkbox{flex-direction:row;align-items:center}.field-checkbox label{text-transform:none;font-weight:500;font-size:14px;color:var(--color-text)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-neutral{background:#eee9e4;color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:hover{background:var(--color-primary-soft);cursor:pointer}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-7) var(--space-4)}.spinner{width:20px;height:20px;border:2.5px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:13px;margin-bottom:var(--space-4)}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.template-picker-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:50vh;overflow-y:auto}.template-picker-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;font-size:14px}.template-picker-item:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.plans-list{display:flex;flex-direction:column;gap:var(--space-4)}.plan-items-list{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:6px}.plan-items-list li{display:flex;justify-content:space-between;gap:var(--space-3);font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--color-border)}.plan-total{text-align:right;font-weight:700;font-size:15px}.plan-items-editor{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.plan-item-row{display:grid;grid-template-columns:1.3fr 1fr 1.4fr 110px auto;gap:var(--space-2)}.plan-item-row select,.plan-item-row input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}@media(max-width:700px){.plan-item-row{grid-template-columns:1fr}}