@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--brand-900:#06251c;--brand-800:#0a3828;--brand-700:#0e4a35;--brand-600:#136048;--brand-500:#1a7a5c;--brand-400:#2a9d74;--brand-300:#4fbf96;--brand-100:#d9f2e8;--brand-50:#f0faf6;--gold-500:#c9a227;--gold-300:#e3c566;--ink-900:#101714;--ink-700:#2c3a34;--ink-500:#5b6b63;--ink-400:#84938b;--ink-300:#aeb9b3;--paper:#fbfaf7;--surface:#fff;--surface-2:#f4f6f4;--border:#e3e8e4;--border-2:#cfd8d2;--danger:#c94a3a;--danger-bg:#fdecea;--success:#1a7a5c;--success-bg:#e4f5ee;--warn:#b8860b;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-xs:0 1px 2px #06251c0d;--shadow-sm:0 2px 8px #06251c12;--shadow-md:0 8px 24px #06251c1a;--shadow-lg:0 16px 48px #06251c24;--shadow-glow:0 0 0 4px #1a7a5c1f;--font-display:"Fraunces", Georgia, serif;--font-sans:"Inter", "Noto Naskh Arabic", -apple-system, sans-serif;--font-mono:"DM Mono", monospace;--font-rx:"Noto Naskh Arabic", "Inter", serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--ink-900:#eaf2ed;--ink-700:#c4d2ca;--ink-500:#8fa398;--ink-400:#6b7d74;--ink-300:#4d5c54;--paper:#0b1511;--surface:#12201a;--surface-2:#182b22;--border:#24382e;--border-2:#31473c;--danger-bg:#2b1512;--success-bg:#0e2a20;--brand-50:#0f231b;--brand-100:#16402f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink-900);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .3s var(--ease-out), color .3s var(--ease-out)}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--brand-300);color:var(--brand-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--paper);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.app-shell{background:radial-gradient(1200px 500px at 85% -10%, var(--brand-50) 0%, transparent 60%), radial-gradient(900px 400px at -10% 110%, var(--brand-50) 0%, transparent 55%), var(--paper);flex-direction:column;min-height:100vh;display:flex}.top-nav{z-index:100;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 22px;display:flex;position:sticky;top:0}.top-nav .brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.top-nav .brand-mark{background:linear-gradient(135deg, var(--brand-600), var(--brand-800));color:#fff;width:38px;height:38px;font-family:var(--font-display);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff2e;border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.top-nav .brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.top-nav .brand-sub{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);font-size:.66rem;font-weight:600;display:block}.top-nav .spacer{flex:1}.nav-link{border-radius:var(--radius-full);color:var(--ink-500);transition:all .2s var(--ease-out);align-items:center;gap:7px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--ink-900);background:var(--surface-2)}.nav-link.active{color:var(--brand-700);background:var(--brand-100)}[data-theme=dark] .nav-link.active{color:var(--brand-300)}.icon-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--ink-500);transition:all .2s var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink-900);border-color:var(--border)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.btn{border-radius:var(--radius-sm);transition:all .18s var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(160deg, var(--brand-500), var(--brand-700));color:#fff;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff29}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff29;filter:brightness(1.06)}.btn-secondary{background:var(--surface);color:var(--ink-900);border-color:var(--border-2)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--ink-500);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-900)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-whatsapp{color:#fff;background:#1faa55}.btn-whatsapp:hover:not(:disabled){filter:brightness(1.07)}.btn-lg{border-radius:var(--radius-md);padding:13px 26px;font-size:.95rem}.home-wrap{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:40px 24px 60px}.hero{animation:riseIn .5s var(--ease-out) both;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:34px;display:flex}.hero .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-500);font-size:.72rem;font-weight:700}[data-theme=dark] .hero .eyebrow{color:var(--brand-300)}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-900);margin:0;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600;line-height:1.08}.hero p{color:var(--ink-500);max-width:52ch;margin:6px 0 18px;font-size:.98rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.home-grid{animation:riseIn .55s 80ms var(--ease-out) both;grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-pad{padding:22px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.card-head h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-400);align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:700;display:flex}.recent-list{margin:0;padding:6px;list-style:none}.recent-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:11px 14px;transition:background .15s;display:flex}.recent-item:hover{background:var(--surface-2)}.recent-item .avatar{border-radius:var(--radius-full);background:var(--brand-100);width:36px;height:36px;color:var(--brand-700);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}[data-theme=dark] .recent-item .avatar{color:var(--brand-300)}.recent-item .who{flex:1;min-width:0}.recent-item .who .name{font-size:.92rem;font-weight:600}.recent-item .who .sub{color:var(--ink-400);margin-top:1px;font-size:.76rem}.recent-item .when{color:var(--ink-400);font-size:.78rem;font-family:var(--font-mono)}.stat-block{text-align:center;padding:12px 0 4px}.stat-block .value{font-family:var(--font-display);color:var(--brand-600);font-size:3rem;font-weight:600;line-height:1}[data-theme=dark] .stat-block .value{color:var(--brand-300)}.stat-block .label{color:var(--ink-400);margin-top:8px;font-size:.8rem;font-weight:600}.home-actions{flex-direction:column;gap:8px;padding:0 22px 22px;display:flex}.create-layout{flex:1;grid-template-columns:minmax(420px,520px) 1fr;align-items:start;gap:22px;width:100%;max-width:1400px;margin:0 auto;padding:22px 24px 60px;display:grid}.form-col{flex-direction:column;gap:14px;max-height:calc(100vh - 96px);padding-right:2px;display:flex;position:sticky;top:76px;overflow-y:auto}.form-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 14px;display:flex}.form-toolbar .title{font-family:var(--font-display);flex:1;font-size:1.05rem;font-weight:600}.save-indicator{border-radius:var(--radius-full);padding:3px 10px;font-size:.72rem;font-weight:700}.save-indicator.saved{color:var(--success);background:var(--success-bg)}.save-indicator.saving{color:var(--warn);background:#b8860b1f}.save-indicator.unsaved{color:var(--ink-400);background:var(--surface-2)}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.section-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.section-head h4{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-400);align-items:center;gap:8px;margin:0;font-size:.72rem;font-weight:700;display:flex}.section-body{padding:4px 18px 18px}.field{flex-direction:column;gap:6px;margin-top:10px;display:flex}.field label{color:var(--ink-500);font-size:.78rem;font-weight:600}.input,.select,.textarea{border-radius:var(--radius-xs);border:1.5px solid var(--border-2);background:var(--surface);width:100%;color:var(--ink-900);padding:10px 13px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:var(--shadow-glow);outline:none}.textarea{resize:vertical;min-height:64px;line-height:1.5}.field-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.vitals-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.ac-wrap{position:relative}.ac-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:60;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ac-item{border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;display:flex}.ac-item:hover,.ac-item.active{background:var(--brand-50)}[data-theme=dark] .ac-item:hover{background:var(--brand-100)}.ac-item .meta{color:var(--ink-400);font-size:.76rem}.med-rows{flex-direction:column;gap:10px;display:flex}.med-row{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);animation:riseIn .25s var(--ease-out) both;padding:12px 14px}.med-row .row-top{grid-template-columns:150px 1fr 90px 38px;align-items:center;gap:8px;display:grid}.med-row .row-bottom{grid-template-columns:130px 1fr;gap:8px;margin-top:8px;display:grid}.med-row .del{border-radius:var(--radius-xs);width:34px;height:34px;color:var(--ink-300);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.med-row .del:hover{background:var(--danger-bg);color:var(--danger)}.med-add{border:1.5px dashed var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--ink-400);background:0 0;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:.85rem;font-weight:600;transition:all .18s;display:flex}.med-add:hover{border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}[data-theme=dark] .med-add:hover{background:var(--brand-100);color:var(--brand-300)}.preview-col{flex-direction:column;gap:10px;min-width:0;display:flex}.preview-shell{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:400px;padding:18px;display:flex;position:relative;overflow:auto}.preview-hint{color:var(--ink-400);text-align:center;padding:4px;font-size:.75rem}.zoom-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px;display:flex}.zoom-bar input[type=range]{width:160px;accent-color:var(--brand-500)}.zoom-bar .zl{font-family:var(--font-mono);color:var(--ink-400);min-width:44px;font-size:.75rem}.board-outer{position:relative}.board{transform-origin:0 0;width:719px;height:1024px;box-shadow:var(--shadow-md);color:var(--rx-pen,#1a1a1a);font-family:var(--font-rx);background:#fff;border-radius:4px;position:relative;overflow:hidden}.board.tpl-default{background-image:url(/letterhead.jpg);background-position:50%;background-size:cover;border:none}.board.tpl-blank{background:#fff;border:none}.board.tpl-modern{box-sizing:border-box;background:linear-gradient(135deg,#f0f5fc 0%,#fff 100%);border:12px solid #123c5c}.board.tpl-classic{outline-offset:-16px;background:#fff;border:none;outline:5px double #1a1a1a}.rx-veil{z-index:6;pointer-events:none;background:#ffffff61;border-radius:2px;width:67%;height:57%;position:absolute;top:32%;left:32%}.board:not(.tpl-default) .rx-veil{display:none}.ov{z-index:10;box-sizing:border-box;padding:0 6px;line-height:1.2;position:absolute}.ov-nowrap{white-space:nowrap;overflow:visible}.ov-block{white-space:normal;flex-direction:column;display:flex}.ov-patient-id{justify-content:flex-end;align-items:center;width:91%;font-size:14px;display:flex;top:27%;left:4.5%}.ov-info-bar{justify-content:space-between;align-items:center;gap:14px;width:91%;height:3.5%;font-size:14px;display:flex;top:29.8%;left:4.5%}.ov-info-bar .seg{white-space:nowrap;align-items:center;gap:5px;display:flex}.ov-info-bar .lbl{font-weight:700}.ov-vitals{flex-direction:column;gap:4px;width:27%;height:22%;font-size:13px;display:flex;top:35%;left:4.5%}.vital-line{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.vital-line .lbl{font-weight:700}.ov-record{width:27%;height:12%;font-size:15px;top:62.5%;left:4.5%}.ov-impression{width:27%;height:12%;font-size:15px;top:75.5%;left:4.5%}.ov-rx{flex-direction:column;gap:16px;width:62%;height:48%;font-size:16px;font-weight:500;display:flex;top:40%;left:34%;overflow:hidden}.ov-head{white-space:nowrap;margin-bottom:4px;padding-bottom:2px;font-size:18px;font-weight:700;line-height:1.4;display:block}.ov-body{white-space:pre-wrap;font-size:15px;line-height:1.5}.rx-item{flex-direction:column;gap:6px;line-height:1.35;display:flex}.rx-line1{align-items:flex-start;gap:8px;width:100%;display:flex}.rx-no{flex-shrink:0;width:20px;font-weight:700}.rx-drug{flex:1;align-items:flex-start;gap:8px;display:flex}.rx-dname{word-break:break-word;flex:1;line-height:1.25}.rx-dtype{flex-shrink:0;font-weight:700}.rx-amt{flex-shrink:0;padding-left:10px;font-weight:700}.rx-line2{align-items:baseline;gap:8px;padding-left:28px;display:flex}.ov-footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;font-size:12px;line-height:1.4;display:flex;bottom:4.2%;left:5%}.ov-footer .phone{direction:ltr;margin-top:4px;font-size:10.8px;font-weight:700}.history-wrap{flex:1;width:100%;max-width:780px;margin:0 auto;padding:30px 24px 60px}.search-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);align-items:center;gap:10px;margin-bottom:18px;padding:6px 8px 6px 18px;display:flex}.search-pill input{color:var(--ink-900);background:0 0;border:none;flex:1;padding:8px 0;font-size:.95rem}.search-pill input:focus{outline:none}.search-pill .icon{color:var(--ink-300)}.hist-list{flex-direction:column;gap:8px;display:flex}.hist-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-out);animation:riseIn .3s var(--ease-out) both;align-items:center;gap:12px;padding:13px 16px;display:flex}.hist-item:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.hist-item .hx-name{flex:1;font-size:.94rem;font-weight:600}.hist-item .hx-date{font-family:var(--font-mono);color:var(--ink-400);font-size:.78rem}.hist-item .hx-del{opacity:0;transition:opacity .15s}.hist-item:hover .hx-del{opacity:1}.empty-note{text-align:center;color:var(--ink-400);padding:48px 20px;font-size:.92rem}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#08141080;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out both fadeIn;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:400px;animation:popIn .2s var(--ease-spring) both;padding:26px}.dialog .d-icon{border-radius:var(--radius-md);background:var(--danger-bg);width:52px;height:52px;color:var(--danger);justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.dialog.info .d-icon{background:var(--brand-100);color:var(--brand-600)}[data-theme=dark] .dialog.info .d-icon{color:var(--brand-300)}.dialog h3{font-family:var(--font-display);margin:0 0 8px;font-size:1.12rem;font-weight:600}.dialog p{color:var(--ink-500);margin:0 0 22px;font-size:.9rem;line-height:1.55}.dialog .d-actions{justify-content:center;gap:10px;display:flex}.dialog .d-actions .btn{min-width:120px}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--brand-800);color:#eaf4ef;border-radius:var(--radius-full);box-shadow:var(--shadow-md);animation:toastIn .25s var(--ease-spring) both;pointer-events:all;align-items:center;gap:9px;padding:11px 20px;font-size:.85rem;font-weight:600;display:flex}.toast.success{background:var(--brand-600)}.toast.error{background:var(--danger)}.settings-modal{text-align:left;max-width:520px;max-height:86vh;overflow-y:auto}.settings-modal h3{text-align:center}.set-group{border-bottom:1px solid var(--border);padding:14px 0}.set-group:last-child{border-bottom:none}.set-group .set-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);margin-bottom:12px;font-size:.68rem;font-weight:700}.set-row{justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.set-row .set-label{font-size:.9rem;font-weight:500}.set-row .set-sub{color:var(--ink-400);margin-top:2px;font-size:.74rem}.tgl{border-radius:var(--radius-full);background:var(--border-2);border:none;flex-shrink:0;width:44px;height:25px;transition:background .2s;position:relative}.tgl:after{content:"";width:19px;height:19px;box-shadow:var(--shadow-xs);transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.tgl.on{background:var(--brand-500)}.tgl.on:after{transform:translate(19px)}.tpl-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tpl-card{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:8px;transition:all .15s}.tpl-card:hover{border-color:var(--brand-300)}.tpl-card.sel{border-color:var(--brand-500);box-shadow:var(--shadow-glow)}.tpl-thumb{border:1px solid var(--border);background:#fff;border-radius:4px;height:74px;margin-bottom:6px;position:relative;overflow:hidden}.tpl-thumb.t-default{background-image:url(/letterhead.jpg);background-size:cover}.tpl-thumb.t-blank{background:#fff}.tpl-thumb.t-modern{background:linear-gradient(135deg,#f0f5fc,#fff);border:6px solid #123c5c}.tpl-thumb.t-classic{outline-offset:-6px;background:#fff;outline:3px double #1a1a1a}.tpl-card .tpl-name{text-align:center;color:var(--ink-500);font-size:.72rem;font-weight:600}.pen-row{align-items:center;gap:12px;display:flex}.pen-swatches{gap:8px;display:flex}.pen-swatch{cursor:pointer;width:26px;height:26px;transition:transform .15s var(--ease-spring);border:2px solid #0000;border-radius:50%}.pen-swatch:hover{transform:scale(1.12)}.pen-swatch.sel{border-color:var(--ink-900);box-shadow:0 0 0 2px var(--surface), var(--shadow-sm)}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.create-layout{grid-template-columns:1fr}.form-col{max-height:none;position:static}.preview-shell{order:-1;min-height:300px}}@media (width<=720px){.top-nav{padding:10px 14px}.brand-sub,.nav-link span.nl-label{display:none}.nav-link{padding:8px 10px}.home-grid{grid-template-columns:1fr}.home-wrap,.create-layout,.history-wrap{padding-left:14px;padding-right:14px}.med-row .row-top{grid-template-columns:1fr 1fr}.med-row .row-bottom{grid-template-columns:1fr}}@media print{@page{size:A4;margin:0}html,body{background:#fff;width:210mm;height:297mm;margin:0}body *{visibility:hidden}.print-root,.print-root *{visibility:visible}.print-root{justify-content:flex-start;align-items:flex-start;position:absolute;inset:0;display:flex!important}.board{box-shadow:none;border-radius:0;width:210mm!important;height:297mm!important;transform:none!important}.no-print{display:none!important}}