:root{--teal:#0d7a75;--teal-dark:#095c58;--teal-light:#e6f4f3;--slate-900:#0f172a;--slate-700:#334155;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-100:#f1f5f9;--slate-50:#f8fafc;--red:#dc2626;--red-light:#fef2f2;--amber:#d97706;--green:#059669;--white:#fff;--radius:10px;--shadow:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-lg:0 10px 30px #0f172a1a}*{box-sizing:border-box}body{background:var(--slate-50);color:var(--slate-900);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0 0 4px;font-weight:600}a{color:var(--teal);text-decoration:none}.full-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--slate-300);border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--white);border:1px solid var(--slate-300);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.denied{text-align:center;max-width:420px;margin:60px auto}.field{margin-bottom:14px}.field label{color:var(--slate-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field .req{color:var(--red)}.field .hint{color:var(--slate-500);margin-top:4px;font-size:12px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=tel],input[type=number],select,textarea{width:100%;color:var(--slate-900);background:var(--white);border:1px solid var(--slate-300);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d7a751f}input:disabled,select:disabled{background:var(--slate-100);cursor:not-allowed}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-ghost{background:var(--white);color:var(--slate-700);border-color:var(--slate-300)}.btn-ghost:hover:not(:disabled){background:var(--slate-100)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{background:var(--red-light);color:var(--red);border-color:#fecaca}.alert-success{color:var(--green);background:#ecfdf5;border-color:#a7f3d0}.login-wrap{background:linear-gradient(160deg, var(--teal-light) 0%, var(--slate-50) 60%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--white);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:14px;padding:32px}.login-logo{background:var(--teal);width:44px;height:44px;color:var(--white);border-radius:12px;place-items:center;margin-bottom:16px;font-size:20px;font-weight:700;display:grid}.login-sub{color:var(--slate-500);margin:0 0 24px;font-size:13px}.login-foot{color:var(--slate-500);text-align:center;margin-top:20px;font-size:12px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--slate-900);width:224px;color:var(--slate-300);flex-direction:column;flex-shrink:0;padding:18px 12px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:14px;padding:0 8px 18px;display:flex}.sidebar-brand .mark{background:var(--teal);width:30px;height:30px;color:var(--white);border-radius:8px;place-items:center;font-size:14px;font-weight:700;display:grid}.sidebar-brand .name{color:var(--white);font-size:14px;font-weight:600;line-height:1.2}.sidebar-brand .sub{color:var(--slate-500);font-size:11px}.nav-item{color:var(--slate-300);border-radius:8px;margin-bottom:2px;padding:9px 12px;font-size:14px;transition:background .12s,color .12s;display:block}.nav-item:hover{color:var(--white);background:#ffffff0f}.nav-item.active{background:var(--teal);color:var(--white);font-weight:600}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);padding:14px 12px 6px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--white);border-bottom:1px solid var(--slate-300);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.topbar .hospital{font-size:14px;font-weight:600}.topbar .branch{color:var(--slate-500);font-size:12px}.topbar-right{align-items:center;gap:14px;display:flex}.who{text-align:right;line-height:1.3}.who .n{font-size:13px;font-weight:600}.who .r{color:var(--slate-500);text-transform:capitalize;font-size:11px}.avatar{background:var(--teal-light);width:34px;height:34px;color:var(--teal-dark);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.content{flex:1;padding:24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head p{color:var(--slate-500);margin:2px 0 0;font-size:13px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.search-box{flex:1;max-width:380px;position:relative}.search-box input{padding-left:34px}.search-box .icon{color:var(--slate-500);pointer-events:none;font-size:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-wrap{background:var(--white);border:1px solid var(--slate-300);border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--slate-300);white-space:nowrap;padding:10px 16px;font-size:11px}tbody td{border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:12px 16px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--slate-50)}.uhid{color:var(--teal-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.muted{color:var(--slate-500)}.pill{background:var(--slate-100);color:var(--slate-700);text-transform:capitalize;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill-yes{color:var(--green);background:#ecfdf5}.pill-no{background:var(--slate-100);color:var(--slate-500)}.empty{text-align:center;color:var(--slate-500);padding:48px 20px;font-size:14px}.table-foot{border-top:1px solid var(--slate-300);background:var(--slate-50);color:var(--slate-700);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pager{align-items:center;gap:8px;display:flex}.pager .btn{padding:6px 12px;font-size:13px}.form-card{max-width:860px}.form-section{margin-bottom:26px}.form-section>h3{text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);border-bottom:1px solid var(--slate-100);margin-bottom:14px;padding-bottom:8px;font-size:13px}.grid-2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:0 16px;display:grid}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:1fr}}.toggle-row{gap:6px;margin-bottom:10px;display:flex}.toggle-row button{background:var(--white);color:var(--slate-700);border:1px solid var(--slate-300);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.toggle-row button.on{background:var(--teal);color:var(--white);border-color:var(--teal)}.consent-box{background:var(--slate-50);border:1px solid var(--slate-300);border-radius:var(--radius);padding:16px}.check-row{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.check-row:last-child{margin-bottom:0}.check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal);flex-shrink:0;margin-top:2px}.check-row .txt{color:var(--slate-700);font-size:13px;line-height:1.5}.check-row .txt b{color:var(--slate-900)}.check-row .sub{color:var(--slate-500);margin-top:2px;font-size:12px;display:block}.form-actions{border-top:1px solid var(--slate-100);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.toast-wrap{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;top:18px;right:18px}.toast{border-radius:var(--radius);min-width:260px;max-width:380px;color:var(--white);box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13px;font-weight:500;animation:.22s ease-out toastIn}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.detail-grid{grid-template-columns:2fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=860px){.detail-grid{grid-template-columns:1fr}}.patient-hero{align-items:center;gap:14px;margin-bottom:4px;display:flex}.hero-avatar{background:var(--teal-light);width:52px;height:52px;color:var(--teal-dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid}.hero-meta{color:var(--slate-500);margin-top:2px;font-size:13px}.kv{grid-template-columns:140px 1fr;gap:8px 12px;font-size:14px;display:grid}.kv dt{color:var(--slate-500);font-size:13px}.kv dd{margin:0}.card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);margin-bottom:12px;font-size:13px}.card+.card{margin-top:16px}.audit-note{color:var(--slate-500);background:var(--slate-50);border:1px solid var(--slate-300);border-radius:8px;align-items:center;gap:7px;margin-top:16px;padding:9px 12px;font-size:12px;display:flex}.audit-note .dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.link-btn{font:inherit;color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.dup-box{border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a;margin-bottom:16px;padding:14px 16px}.dup-box h4{color:#92400e;margin:0 0 6px;font-size:14px}.dup-box p{color:var(--slate-700);margin:0 0 10px;font-size:13px;line-height:1.5}.dup-existing{background:var(--white);border:1px solid var(--slate-300);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.dup-actions{flex-wrap:wrap;gap:8px;display:flex}.dup-actions .btn{padding:7px 14px;font-size:13px}.sched-row{border-bottom:1px solid var(--slate-100);grid-template-columns:108px 1fr 1fr 118px 1fr 36px;align-items:center;gap:8px;padding:8px 0;display:grid}.sched-row:last-of-type{border-bottom:none}.sched-head{text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);font-size:11px;font-weight:600}.sched-row input,.sched-row select{padding:7px 9px;font-size:13px}.icon-btn{border:1px solid var(--slate-300);background:var(--white);width:30px;height:30px;color:var(--red);cursor:pointer;border-radius:7px;font-size:15px;line-height:1}.icon-btn:hover{background:var(--red-light)}@media (width<=860px){.sched-row{grid-template-columns:1fr 1fr}.sched-head{display:none}}.modal-back{z-index:500;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--white);box-shadow:var(--shadow-lg);border-radius:14px;width:100%;max-width:460px;padding:24px}.modal h3{text-transform:none;letter-spacing:0;color:var(--slate-900);margin-bottom:16px;font-size:16px}.appt-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.appt-bar .date-nav{align-items:center;gap:6px;display:flex}.appt-bar .date-nav .btn{padding:8px 12px}.appt-bar input[type=date],.appt-bar select{color:#1b2733;background:#fff;border:1px solid #d8dee6;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}.appt-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:18px;display:grid}.appt-stats .stat{background:#fff;border:1px solid #e6eaef;border-radius:10px;padding:12px 14px}.appt-stats .stat b{color:#0f2b1d;font-size:22px;line-height:1.15;display:block}.appt-stats .stat span{color:#6b7885;text-transform:capitalize;font-size:12px}.tok{color:#fff;background:#0f2b1d;border-radius:6px;padding:2px 9px;font-size:13px;font-weight:700;display:inline-block}.st{white-space:nowrap;text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.st-booked{color:#42536b;background:#eef2f7}.st-confirmed{color:#1c4fb0;background:#e6f0ff}.st-arrived{color:#8a5b06;background:#fff4e0}.st-in_consult{color:#4a35a8;background:#e8e4ff}.st-completed{color:#1a6b3c;background:#e2f5e9}.st-cancelled{color:#b0332c;background:#fdecec}.st-no_show{color:#7a6a55;background:#f3f0ec}.appt-bar select{flex:0 200px;min-width:150px}.appt-bar .search-box{flex:0 220px}.avail-wrap{margin-bottom:20px}.leave-banner{color:#7a5306;background:#fff4e0;border:1px solid #f0d9a8;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:14px}.sess{background:#fff;border:1px solid #e6eaef;border-radius:12px;margin-bottom:12px;padding:14px 16px}.sess-blocked{opacity:.62}.sess-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sess-head strong{color:#0f2b1d;font-size:15px}.mode-tag{text-transform:uppercase;letter-spacing:.04em;color:#6b7885;border:1px solid #dde3ea;border-radius:5px;margin-left:8px;padding:2px 7px;font-size:11px}.sess-stat{color:#6b7885;font-size:13px}.sess-note{color:#8a5b06;background:#fff8ec;border-radius:8px;padding:9px 12px;font-size:13px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.slot{border:1px solid #0000;border-radius:8px;min-height:34px;padding:7px 9px;font-size:12px}.slot .t{font-weight:600;display:block}.slot .n{opacity:.82;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.slot-free{color:#1a6b3c;background:#f2f8f4;border-color:#d5e8dd}.slot-booked{color:#42536b;background:#eef2f7;border-color:#dde3ea}.slot-blocked{color:#b0332c;background:#fdecec;border-color:#f5d3d1}.slot-past{opacity:.45}.token-box{align-items:baseline;gap:12px;display:flex}.token-next{color:#0f2b1d;font-size:28px;font-weight:700}