:root{--bg:#f3f0eb;--surface:#fff;--surface-soft:#eaf2ee;--surface-alt:#f8f6f2;--text:#1a2118;--text-strong:#0e1710;--muted:#596a62;--border:#dae0da;--border-soft:#e8ece8;--primary:#0d7c64;--primary-light:#beeada;--primary-muted:#dff2ec;--primary-strong:#095340;--accent:#c4521f;--accent-light:#fae8de;--accent-mid:#e8824a;--warning:#8a5906;--warning-light:#fef2d6;--warning-border:#8a590640;--danger:#b52929;--danger-light:#feecec;--danger-border:#b5292938;--blue:#1e55a8;--blue-light:#deeafc;--blue-border:#1e55a838;--purple:#6044a0;--purple-light:#ece8fb;--purple-border:#6044a038;--teal:#0d7880;--teal-light:#d8f2f3;--tint-blue:#e4effe;--tint-green:#daf0e8;--tint-purple:#ece7fb;--tint-amber:#fdf0cc;--tint-teal:#d6eff0;--tint-red:#fde8e8;--shadow-xs:0 1px 2px #06100a0f;--shadow-sm:0 2px 8px #06100a14, 0 1px 2px #06100a0a;--shadow:0 4px 18px #06100a17, 0 1px 4px #06100a0d;--radius:10px;--radius-sm:7px;--radius-xs:5px;--transition:.14s ease}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(ellipse 70% 40% at 0% 0%, #0d7c6414 0%, transparent 100%), radial-gradient(ellipse 50% 35% at 100% 100%, #c4521f0f 0%, transparent 100%), var(--bg);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fefdfaf7;flex-direction:column;gap:0;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger:hover{background:var(--surface-soft);color:var(--primary-strong)}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:-.02em;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:grid}.brand h1{color:var(--text-strong);margin:0;font-size:15px;font-weight:700;line-height:1.25}.brand p{color:var(--muted);margin:2px 0 0;font-size:11px}.nav{gap:2px;margin-bottom:8px;display:grid}.nav-link{border-radius:var(--radius-sm);color:var(--muted);transition:background var(--transition), color var(--transition), border-color var(--transition);border-left:2px solid #0000;align-items:center;gap:9px;padding:9px 10px;font-size:13.5px;display:flex}.nav-link:hover{background:var(--surface-soft);color:var(--primary-strong)}.nav-link.active{background:var(--primary-light);color:var(--primary-strong);border-left-color:var(--primary);font-weight:700}.nav-label{flex:1}.main{padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1180px;margin:0 auto 20px;display:flex}.page-header h2{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:26px;font-weight:700}.page-header p{color:var(--muted);max-width:700px;margin:6px 0 0;font-size:13px;line-height:1.65}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto 18px;display:grid}.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);padding:16px}.metric.tint-blue{background:var(--tint-blue);border-color:#c8dcf8}.metric.tint-green{background:var(--tint-green);border-color:#a8d8c4}.metric.tint-purple{background:var(--tint-purple);border-color:#cdc3f0}.metric.tint-amber{background:var(--tint-amber);border-color:#f0d990}.metric.tint-teal{background:var(--tint-teal);border-color:#9ed5d8}.metric.tint-red{background:var(--tint-red);border-color:#f4bbbb}.metric-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.metric-icon{border-radius:var(--radius-xs);flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.metric-icon.green{background:var(--primary-light);color:var(--primary-strong)}.metric-icon.blue{background:var(--blue-light);color:var(--blue)}.metric-icon.purple{background:var(--purple-light);color:var(--purple)}.metric-icon.amber{background:var(--tint-amber);color:var(--warning)}.metric-icon.teal{background:var(--teal-light);color:var(--teal)}.metric-label{color:var(--muted);letter-spacing:.015em;font-size:12px;font-weight:600}.metric strong{color:var(--text-strong);letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.1;display:block}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px}.section+.section{margin-top:16px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title-left{align-items:center;gap:10px;min-width:0;display:flex}.section-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.section-icon.green{background:var(--primary-light);color:var(--primary-strong)}.section-icon.blue{background:var(--tint-blue);color:var(--blue)}.section-icon.purple{background:var(--tint-purple);color:var(--purple)}.section-icon.amber{background:var(--tint-amber);color:#7a4e05}.section-icon.teal{background:var(--tint-teal);color:var(--teal)}.section-icon.red{background:var(--tint-red);color:var(--danger)}.section-title-text h3{color:var(--text-strong);margin:0;font-size:15px;font-weight:700;line-height:1.3}.section-title-text p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.5}.section-title>div>h3{color:var(--text-strong);margin:0;font-size:16px;font-weight:700}.section-title>div>p{color:var(--muted);margin:4px 0 0;font-size:12px}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-soft);box-shadow:var(--shadow-xs);border-color:#c8d8d2}.button:active:not(:disabled){background:var(--surface-soft);box-shadow:none}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong);box-shadow:0 2px 8px #0d7c644d}.button.warning{border-color:var(--warning-border);background:var(--warning-light);color:var(--warning)}.button.warning:hover:not(:disabled){background:#faecd4}.button.danger{border-color:var(--danger-border);background:var(--danger-light);color:var(--danger)}.button.danger:hover:not(:disabled){background:#fde4e4}.status{border:1px solid var(--primary-light);background:var(--tint-green);color:var(--primary-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status.warning{background:var(--tint-amber);color:#6e4604;border-color:#e8c55a}.status.warning:before{background:var(--warning)}.status.danger{background:var(--tint-red);color:var(--danger);border-color:#f0a0a0}.status.danger:before{background:var(--danger)}.status.blue{background:var(--tint-blue);color:var(--blue);border-color:#9ab8f0}.status.blue:before{background:var(--blue)}.status.purple{background:var(--tint-purple);color:var(--purple);border-color:#baaee8}.status.purple:before{background:var(--purple)}.list{gap:8px;display:grid}.list-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-alt);transition:border-color var(--transition);padding:13px 14px}.list-item:hover{border-color:var(--border)}.list-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.list-item h4{color:var(--text-strong);margin:0;font-size:14.5px;font-weight:600}.list-item p{color:var(--muted);margin:5px 0 0;font-size:12.5px;line-height:1.55}.timeline{gap:0;display:grid;position:relative}.timeline-item{border-bottom:1px solid var(--border-soft);grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;display:grid;position:relative}.timeline-item:first-child{padding-top:2px}.timeline-item:last-child{border-bottom:0;padding-bottom:0}.timeline-time{color:var(--muted);padding-top:2px;font-size:12px;line-height:1.5}.timeline-content h4{color:var(--text-strong);margin:0;font-size:14px;font-weight:600}.timeline-content p{color:var(--muted);margin:3px 0 0;font-size:12.5px;line-height:1.5}.timeline-type-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:-1px;margin-right:6px;display:inline-block}.type-symptom{background:var(--accent-mid)}.type-temperature{background:var(--blue)}.type-visit{background:var(--teal)}.type-medication{background:var(--purple)}.type-default{background:var(--muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:5px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);letter-spacing:.01em;font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;outline:none;padding:9px 11px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d7c641f}.field textarea{resize:vertical;min-height:88px}.summary-box{white-space:pre-wrap;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text);padding:14px;font-size:14px;line-height:1.8}@media (max-width:980px){.summary-box{padding:14px 12px;font-size:15px;line-height:1.85}}.search-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:10px;padding:9px 12px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0d7c641a}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.notice{border-left:3px solid var(--primary);background:var(--primary-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--primary-strong);padding:10px 13px;font-size:13px;line-height:1.6}.notice.warning{border-left-color:var(--warning);background:var(--warning-light);color:var(--warning)}.notice.error{border-left-color:var(--danger);background:var(--danger-light);color:var(--danger)}.auth-panel{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-alt);gap:10px;margin-top:12px;padding:13px;display:grid}.auth-title{color:var(--primary-strong);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.auth-panel p,.auth-message{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.auth-form{gap:7px;display:grid}.auth-form input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;transition:border-color var(--transition);background:#fff;outline:none;padding:8px 10px;font-size:13px}.auth-form input:focus{border-color:var(--primary)}.footer-note{max-width:1180px;color:var(--muted);margin:24px auto 0;font-size:12px;line-height:1.7}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);z-index:100;flex-direction:column;height:auto;max-height:100dvh;padding:11px 14px;position:sticky;top:0;overflow:hidden}.sidebar-header{margin-bottom:0}.sidebar-body{max-height:calc(100dvh - 64px);padding-top:12px;display:none;overflow-y:auto}.sidebar-body.open,.hamburger{display:flex}.brand{margin-bottom:0}.brand h1{font-size:14px}.brand p{display:none}.nav{grid-template-columns:1fr;margin-bottom:10px}.content-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:14px}}@media (max-width:640px){.page-header{display:block}.page-header h2{font-size:20px}.timeline-item,.form-grid{grid-template-columns:1fr}.metric strong{font-size:22px}}