*{box-sizing:border-box}:root{color-scheme:light;--bg:#f8fafc;--panel:#ffffff;--panel-border:#e2e8f0;--text:#0f172a;--muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:rgba(99,102,241,0.08);--violet:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-card:20px;--radius-btn:12px;--radius-badge:8px;--shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);--shadow-hover:0 4px 12px rgba(0,0,0,0.06);--ring:0 0 0 3px rgba(99,102,241,0.25)}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,100%);margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:16px}.empty-state,.hero-card,.list-card,.panel,.stat-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.hero-card{border-radius:var(--radius-card);padding:20px;display:grid;grid-gap:16px;gap:16px}.hero-card h1{margin:8px 0 12px;font-size:clamp(26px,4vw,44px);line-height:1.1;font-weight:700}.empty-state p,.field-hint,.hero-card p,.panel-header p,.small-text,.stat-card small{color:var(--muted);font-size:13px}.hero-card-home{min-height:68vh;align-items:center}.hero-grid,.stat-grid{display:grid;grid-gap:12px;gap:12px}.hero-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row,.badge-row,.hero-actions,.toolbar{display:flex;flex-wrap:wrap;gap:8px}.hero-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-aside{display:flex;flex-direction:column;gap:12px}.eyebrow{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.panel{border-radius:var(--radius-card);padding:16px}.panel-header{margin-bottom:16px}.panel-header h2,.stack-form h3{margin:0;font-size:18px;font-weight:600}.panel-header p{margin:4px 0 0}.page-grid,.record-grid,.responsive-grid{display:grid;grid-gap:16px;gap:16px}.stat-card{padding:16px;border-radius:var(--radius-card);display:flex;flex-direction:column;gap:4px}.stat-card span{font-size:13px;color:var(--muted)}.stat-card strong{font-size:28px;font-weight:700;letter-spacing:-.02em}.stack-form,.stack-list{gap:12px}.field,.stack-form,.stack-list{display:flex;flex-direction:column}.field{gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--text)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:10px 14px;border:1px solid var(--panel-border);border-radius:var(--radius-btn);background:#fff;color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primary);box-shadow:var(--ring)}textarea{min-height:110px;resize:vertical}.button,.link-button,button{border:none;border-radius:var(--radius-btn);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.button:focus-visible,.link-button:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring)}.link-button,.link-button-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button-primary,.link-button{background:var(--primary);color:#fff}.button-primary:hover,.link-button:hover{background:var(--primary-hover)}.button-secondary,.link-button-secondary{background:#f1f5f9;color:var(--text)}.button-secondary:hover,.link-button-secondary:hover{background:#e2e8f0}.button-ghost{background:transparent;color:var(--text)}.button-ghost:hover{background:#f1f5f9}.button-danger{background:rgba(239,68,68,.08);color:var(--danger)}.button-danger:hover{background:rgba(239,68,68,.14)}button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-badge);font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.badge-success{background:rgba(16,185,129,.1);color:var(--success)}.badge-warning{background:rgba(245,158,11,.1);color:#b45309}.badge-danger{background:rgba(239,68,68,.1);color:var(--danger)}.list-card{text-align:left;width:100%;border-radius:var(--radius-card);padding:14px 16px;transition:border-color .15s ease,box-shadow .15s ease}.list-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-hover)}.static-card{cursor:default}.static-card:hover{border-color:var(--panel-border);box-shadow:var(--shadow)}.list-card-active{border-color:var(--primary);background:rgba(99,102,241,.03)}.list-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.timeline-list{display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px}.timeline-list:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--panel-border)}.timeline-card{display:grid;grid-template-columns:0 1fr;grid-gap:16px;gap:16px;position:relative;padding-bottom:16px}.timeline-card-modern{padding:0}.timeline-dot{width:12px;height:12px;border-radius:999px;margin-top:6px;margin-left:-26px;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--primary);position:relative;z-index:1;flex-shrink:0}.timeline-content{padding:14px 16px;border-radius:var(--radius-card);background:#fff;border:1px solid var(--panel-border);box-shadow:var(--shadow)}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.timeline-title{display:block;margin-bottom:2px;font-size:15px;font-weight:600}.timeline-subtitle{margin:0;color:var(--muted);font-size:13px}.timeline-note,.timeline-note-block p{margin:0;color:var(--text);line-height:1.6}.timeline-note-block{display:flex;flex-direction:column;gap:8px}.timeline-pre{margin:8px 0 0;padding:12px;overflow:auto;border-radius:var(--radius-badge);background:#f8fafc;border:1px solid var(--panel-border);font-size:12px;line-height:1.5}.info-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.info-card{padding:10px 14px;border-radius:var(--radius-btn);background:#f8fafc;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:2px}.info-card span{color:var(--muted);font-size:12px}.info-card strong{font-size:15px}.reply-list{display:flex;flex-direction:column;gap:8px}.reply-item{padding:12px;border-radius:var(--radius-btn);background:#f8fafc;border:1px solid var(--panel-border)}.reply-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.template-section{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:12px}.template-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-btn);background:#fff;border:1px solid var(--panel-border)}.checkbox-row{display:inline-flex;align-items:center;gap:8px;font-size:14px}.checkbox-row input{width:auto}.qr-panel{display:flex;flex-direction:column;gap:12px;align-items:center}.qr-image{width:220px;height:220px;padding:12px;border-radius:var(--radius-card);background:#fff;border:1px solid var(--panel-border)}.qr-image-small{width:100px;height:100px;padding:6px;border-radius:var(--radius);background:#fff;border:1px solid var(--panel-border);flex-shrink:0}.template-qr-row{display:flex;gap:16px;align-items:flex-start;margin-top:12px}@media (max-width:480px){.template-qr-row{flex-direction:column;align-items:center}.qr-image-small{width:140px;height:140px}}.empty-state{border-radius:var(--radius-card);padding:24px;text-align:center}.inline-message{margin:0;padding:12px 16px;border-radius:var(--radius-btn);background:var(--primary-soft);color:var(--primary-hover);font-size:14px}.action-status{margin:0;font-size:13px;color:var(--muted);align-self:center}.action-status-success{color:var(--success)}.action-status-danger{color:var(--danger)}.workspace-toolbar-panel{padding:14px 16px}.workspace-toolbar{display:flex;flex-direction:column;gap:12px}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:#f1f5f9;width:-moz-fit-content;width:fit-content}.segmented-control-soft{background:rgba(99,102,241,.06)}.segmented-active,.segmented-button{border:none;min-width:80px;padding:7px 14px;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.segmented-button:hover{color:var(--text)}.segmented-active{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}.patient-quick-switch{display:flex;flex-direction:column;gap:6px}.patient-detail-card{margin-top:10px;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(139,92,246,.04));border:1px solid rgba(99,102,241,.12)}.patient-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.patient-detail-name{flex:1 1;min-width:0}.patient-detail-name strong{display:block;font-size:16px}.patient-detail-name span{font-size:13px;color:var(--muted)}.patient-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.patient-detail-item{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid var(--panel-border)}.patient-detail-item span{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}.patient-detail-item strong{font-size:14px;font-weight:600;word-break:break-all}.patient-avatar{width:42px;height:42px;font-size:18px}.patient-avatar,.patient-avatar-sm{border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.patient-avatar-sm{width:34px;height:34px;font-size:14px}.patient-list-card{padding:10px 14px}.patient-list-row{display:flex;align-items:center;gap:10px}.patient-list-info{flex:1 1;min-width:0}.patient-list-top{display:flex;align-items:baseline;gap:6px}.patient-list-top strong{font-size:15px}.patient-list-bottom,.patient-list-meta{font-size:12px;color:var(--muted)}.patient-list-bottom{display:flex;gap:8px;margin-top:2px}@media (max-width:480px){.patient-detail-grid{grid-template-columns:1fr}}.inline-badges{display:flex;flex-wrap:wrap;gap:6px}.record-form-shell{max-width:860px}.record-form-card{padding:16px;border-radius:var(--radius-card);background:#fff;border:1px solid var(--panel-border);box-shadow:var(--shadow)}.subtle-card{background:#f8fafc}.admin-card{display:flex;flex-direction:column;gap:12px}.danger-text{color:var(--danger)}code{padding:2px 6px;border-radius:6px;background:#f1f5f9;font-size:13px}@media (max-width:480px){.app-shell{padding:8px;gap:12px}.hero-card{padding:16px}.panel{padding:12px}.stat-grid{grid-template-columns:1fr}.segmented-control{width:100%}.segmented-active,.segmented-button{min-width:0;flex:1 1;text-align:center}}@media (min-width:768px){.app-shell{padding:24px}.hero-card{padding:28px;grid-template-columns:1.35fr 1fr}.page-grid{grid-template-columns:1.1fr .9fr}.record-grid,.responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.patient-quick-switch{min-width:260px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 0;color:var(--muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--panel-border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-header{justify-content:space-between;padding:12px 16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.app-header,.app-header-left{display:flex;align-items:center;gap:12px}.app-header-left{min-width:0}.app-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:14px;color:var(--muted)}.app-logo{font-size:14px;font-weight:700;color:var(--primary);white-space:nowrap}.app-title{margin:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-subtitle{margin:0;font-size:14px;color:var(--muted)}.landing{min-height:100vh;justify-content:center;padding:32px 16px;background:linear-gradient(160deg,#f0f4ff,#fdf2f8 40%,#fef9ec)}.landing,.landing-logo{display:flex;align-items:center}.landing-logo{gap:10px}.landing-logo-icon{font-size:36px;line-height:1}.landing-logo-text{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.landing-slogan{margin:24px 0 0;font-size:14px;color:var(--muted);letter-spacing:.05em;font-style:italic}.landing-content{text-align:center;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-title{margin:0;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.landing-desc{margin:0;font-size:16px;color:var(--muted);line-height:1.7}.landing-actions{display:flex;gap:12px;margin-top:8px}.landing-actions .button{padding:12px 28px;font-size:15px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:24px;width:100%}.feature-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-card);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:var(--shadow)}.feature-card strong{font-size:15px}.feature-card p{margin:0;font-size:13px;color:var(--muted)}.feature-icon{font-size:28px;margin-bottom:4px}@media (max-width:480px){.landing-features{grid-template-columns:1fr}.landing-actions{flex-direction:column;width:100%}.landing-actions .button{width:100%;text-align:center}.app-header{flex-wrap:wrap;padding:10px 12px}.app-title{font-size:15px}}@media (max-width:640px){.landing-features{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease}.modal-content{background:var(--panel);border-radius:var(--radius-card);box-shadow:0 20px 60px rgba(0,0,0,.15);padding:24px;max-width:420px;width:100%;animation:slideUp .2s ease}.modal-title{margin:0 0 12px;font-size:18px;font-weight:600}.modal-body{margin-bottom:20px;font-size:14px;color:var(--muted);line-height:1.6}.modal-actions{display:flex;gap:8px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton-group{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.slider-field{display:flex;flex-direction:column;gap:8px}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#e2e8f0;outline:none;border:none;padding:0;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(99,102,241,.3)}.slider-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(99,102,241,.3)}.slider-input:focus-visible{box-shadow:none}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}.slider-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.slider-value{font-size:20px;font-weight:700;color:var(--primary)}.select-chips{display:flex;flex-wrap:wrap;gap:8px}.select-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg);color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:60px;text-align:center}.select-chip:hover{border-color:var(--primary);color:var(--primary)}.select-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,.25)}@media (max-width:480px){.select-chip{padding:12px 16px;font-size:15px;flex:1 1 auto;min-width:calc(50% - 4px)}.slider-input{height:10px}.slider-input::-webkit-slider-thumb{width:28px;height:28px}.slider-input::-moz-range-thumb{width:28px;height:28px}.slider-value{font-size:24px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:32px 28px;gap:20px}.login-card,.login-header{display:flex;flex-direction:column}.login-header{gap:4px}.login-title{margin:0;font-size:24px;font-weight:700}.login-hint{margin:0;font-size:13px;color:var(--muted);padding:10px 14px;background:#f8fafc;border-radius:var(--radius-btn);border:1px solid var(--panel-border)}.login-footer{text-align:center;font-size:14px}.login-footer a{color:var(--primary);font-weight:500}.login-footer a:hover{text-decoration:underline}.login-card .segmented-control{width:100%}.login-card .segmented-active,.login-card .segmented-button{flex:1 1;text-align:center}.login-card .button-primary{width:100%;padding:12px;font-size:15px}