@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e6efe9;font-synthesis:none;--ink:#1f2d2a;--muted:#8da29a;--line:#31504a;--green:#143b36;--mint:#dcece5;--lime:#c9e37b;background:#102a27;font-family:Manrope,ui-sans-serif,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#102a27;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #a7d5c4}.app-shell{min-height:100vh}.topbar{background:#0e2522;border-bottom:1px solid #2d4a44;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark{width:31px;height:31px;color:var(--green);background:#dcece5;border-radius:10px 4px;place-items:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:grid}.brand-lockup strong{color:#f0f6f1;letter-spacing:-.02em;font-size:14px;display:block}.brand-lockup span{color:#8ba097;margin-top:2px;font-size:10px;display:block}.topbar-actions{align-items:center;gap:18px;display:flex}.save-state{color:#a4b6ae;align-items:center;gap:7px;font-size:11px;display:flex}.save-state i{background:#75c58c;border-radius:50%;width:7px;height:7px}.save-state.is-saving i{background:#dda75c;animation:1s infinite pulse}.avatar{width:34px;height:34px;color:var(--green);background:#dcece5;border-radius:50%;font-size:11px;font-weight:800}.workspace{min-height:calc(100vh - 72px);display:flex}.sidebar{background:#153732;border-right:1px solid #31534b;flex-direction:column;flex:0 0 232px;width:232px;padding:32px 18px 24px;display:flex}.sidebar-heading{color:#94aaa1;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:0 12px 22px;font-family:DM Mono,monospace;font-size:11px;display:flex}.sidebar-menu,.icon-button{color:#9ab0a7;background:0 0;font-size:18px}.shortcut-nav{flex-direction:column;gap:4px;display:flex}.shortcut{color:#afc2b9;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:41px;padding:0 12px;font-size:12px;display:flex}.shortcut:hover,.shortcut.active{color:#f1f7f3;background:#28534a}.shortcut.active{font-weight:700}.shortcut b{color:#dbeee4;text-align:center;background:#3b675b;border-radius:6px;min-width:19px;margin-left:auto;padding:2px 6px;font-size:10px}.shortcut-icon{color:#b7d9c8;place-items:center;width:18px;font-size:15px;display:grid}.shortcut-label{color:#77968b;letter-spacing:.1em;text-transform:uppercase;margin:28px 12px 8px;font-family:DM Mono,monospace;font-size:9px}.sidebar-footer{border-top:1px solid #31534b;margin-top:auto;padding-top:18px}.main-area{flex:1;min-width:0}.editor-toolbar{background:#193d37;border-bottom:1px solid #31534b;justify-content:space-between;align-items:center;gap:24px;padding:27px 42px 22px;display:flex}.eyebrow{color:#8ba69b;letter-spacing:.13em;font-family:DM Mono,monospace;font-size:9px;font-weight:500;display:block}.sheet-name{color:#f0f6f1;letter-spacing:-.05em;background:0 0;border:0;border-bottom:1px solid #0000;width:min(410px,50vw);margin-top:6px;padding:0;font-size:21px;font-weight:800;display:block}.sheet-name:hover,.sheet-name:focus{border-color:#8bb7a6;outline:0}.toolbar-actions{gap:9px;display:flex}.primary-action,.secondary-action,.new-sheet{border-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.primary-action{color:#18362d;background:#d3e77c;box-shadow:0 5px 13px #071d1830}.primary-action:hover{background:#dfef9a}.secondary-action{color:#e0f1e8;background:#28564b}.secondary-action:hover{background:#32685b}.canvas-wrap{padding:32px 42px 70px;position:relative;overflow:auto}.page-hint{color:#9db0a8;letter-spacing:.04em;justify-content:space-between;max-width:210mm;margin:0 auto 11px;padding:0 2px;font-family:DM Mono,monospace;font-size:9px;display:flex}.page-hint span{color:#6f8c82}.paper{background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:15mm 13mm 18mm;position:relative;box-shadow:0 10px 35px #071d184d}.hospital-header{border-bottom:1px solid #d9dfdc;justify-content:center;align-items:center;gap:17px;padding-bottom:8mm;display:flex}.hospital-header img{object-fit:contain;width:31mm;height:23mm}.hospital-copy{flex-direction:column;flex:0 auto;gap:1px;min-width:55mm;display:flex}.hospital-copy input{color:#1d2926;letter-spacing:-.05em;background:0 0;border:0;width:100%;padding:0;font-size:19px;font-weight:800;line-height:1.1}.hospital-copy input+input{letter-spacing:-.02em;color:#596761;font-size:12px;font-weight:600}.paper-meta{color:#8aa197;letter-spacing:.1em;text-align:right;border-left:1px solid #d9dfdc;padding-left:15mm;font-family:DM Mono,monospace;font-size:8px;line-height:1.65}.paper-meta span{color:var(--green);font-size:10px}.sheet-block{border:1px solid #0000;border-radius:3px;margin-top:6mm;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}.sheet-block:hover{border-color:#cfe2d9}.sheet-block.selected{border-color:#91baa8;box-shadow:0 0 0 4px #dcece580}.drag-handle{color:#a9b7b1;cursor:grab;opacity:0;font-size:18px;transition:opacity .16s;position:absolute;top:50%;left:-21px;transform:translateY(-50%)}.sheet-block:hover .drag-handle,.sheet-block.selected .drag-handle{opacity:1}.block-tools{z-index:2;opacity:0;background:#1c3e38;border-radius:6px;gap:4px;padding:3px;transition:all .16s;display:flex;position:absolute;top:-30px;right:6px;transform:translateY(3px);box-shadow:0 5px 12px #183c3425}.sheet-block:hover .block-tools,.sheet-block.selected .block-tools{opacity:1;transform:translateY(0)}.block-tools button{color:#dcece5;background:0 0;border-radius:4px;width:25px;height:23px;font-size:12px}.block-tools button:hover{background:#315c53}.patient-label{background:#fff;border:1.5px solid #24302c;min-height:40mm;padding:7mm 9mm}.patient-label-top{color:#788780;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:8px;display:flex}.patient-size{color:#aab7b1}.patient-label input{color:#a2aea9;text-align:center;background:0 0;border:0;width:100%;margin-top:13mm;padding:0;font-size:13px}.section-title{color:#24302c;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1.5px solid #24302c;width:100%;padding:4mm 3mm;font-size:14px;font-weight:800}.table-heading{color:#50635b;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:7px;font-family:DM Mono,monospace;font-size:9px;display:flex}.table-heading>div{gap:5px;display:flex}.table-heading button{color:#4d7768;letter-spacing:0;text-transform:none;background:#edf5f0;border-radius:5px;padding:5px 7px;font-family:Manrope,sans-serif;font-size:9px}.table-heading button:hover{background:#dbece2}.table-scroll{overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{background:#fff;border:1px solid #27322e;height:9mm;padding:0}th{background:#edf3ef}th:first-child,td:first-child{width:15%}th:nth-child(n+3),td:nth-child(n+3){width:12%}th:nth-child(2),td:nth-child(2){width:49%}th input,td input{color:#27322e;text-align:left;background:0 0;border:0;width:100%;min-width:0;height:100%;padding:5px;font-size:9px}th input{text-align:center;font-weight:800}th input:focus,td input:focus{background:#f4fae8;outline:0}.divider-line{background:#b4c2bc;height:1px;margin:6mm 0;position:relative}.divider-line:after{content:"";background:#b4c2bc;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%}.paper-add{color:#7c9b8c;background:#fbfdfb;border:1px dashed #b7c9bf;border-radius:5px;width:100%;margin-top:12mm;padding:11px;font-size:10px}.paper-add:hover{background:#f0f8f2}.drawer-backdrop{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071d18a8;position:fixed;inset:0}.drawer{z-index:9;background:#f4f8f5;width:min(410px,100vw - 24px);height:100vh;padding:34px 26px;animation:.22s ease-out slideIn;position:fixed;top:0;right:0;box-shadow:-12px 0 40px #071d184d}.drawer-top{justify-content:space-between;align-items:flex-start;display:flex}.drawer h2{letter-spacing:-.06em;margin:7px 0 0;font-size:24px}.close-button{color:#527066;background:#e1ede7;border-radius:50%;width:32px;height:32px;font-size:21px}.new-sheet{background:var(--green);color:#fff;justify-content:center;width:100%;margin:28px 0 18px}.saved-list{flex-direction:column;gap:7px;max-height:calc(100vh - 175px);display:flex;overflow:auto}.saved-item{background:#fff;border:1px solid #d6e3dc;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.saved-item.current{background:#f1f8f3;border-color:#9fc8b5}.saved-item>button{text-align:left;background:0 0;align-items:center;gap:10px;min-width:0;display:flex}.saved-item strong,.saved-item small{display:block}.saved-item strong{color:#29423a;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}.saved-item small{color:#92a19b;margin-top:4px;font-size:9px}.saved-icon{color:#4e7d6b;background:#e7f1eb;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.saved-actions{gap:2px;display:flex}.saved-actions button{color:#8fa09a;background:0 0;border-radius:5px;width:27px;height:27px;font-size:12px}.saved-actions button:hover{color:#377060;background:#edf5ef}.empty-state{color:#8a9992;text-align:center;flex-direction:column;align-items:center;margin-top:45px;padding:24px;display:flex}.empty-state>span{color:#6d9d88;background:#edf5f0;border-radius:14px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.empty-state strong{color:#4b6259;margin-top:16px;font-size:12px}.empty-state p{max-width:210px;margin:7px 0;font-size:10px;line-height:1.5}.mobile-menu{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{50%{opacity:.35}}@media (width<=900px){.sidebar{flex-basis:198px;width:198px}.editor-toolbar,.canvas-wrap{padding-left:24px;padding-right:24px}.paper,.page-hint{margin-left:20px;margin-right:20px}}@media (width<=680px){.topbar{height:62px;padding:0 17px}.save-state{display:none}.mobile-menu{display:block}.sidebar{display:none}.workspace{min-height:calc(100vh - 62px)}.editor-toolbar{flex-direction:column;align-items:flex-start;padding:21px 17px 18px}.sheet-name{width:calc(100vw - 34px);font-size:18px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1;justify-content:center}.toolbar-actions span{display:inline}.canvas-wrap{padding:20px 10px 45px}.page-hint{margin-left:10px;margin-right:10px}.page-hint span{display:none}.paper{margin:0;padding:10mm 9mm 14mm;transform:none}.hospital-header{gap:10px}.hospital-header img{width:24mm;height:18mm}.hospital-copy input{font-size:14px}.hospital-copy input+input{font-size:9px}.paper-meta{padding-left:5mm;font-size:6px}.paper-meta span{font-size:8px}.drag-handle{display:none}.block-tools{top:-27px}.patient-label{padding:5mm}.patient-label input{margin-top:10mm;font-size:11px}.section-title{font-size:11px}.table-heading{padding-top:3px}.table-heading button{padding:4px;font-size:8px}.table-scroll{margin:0 -1px}th input,td input{padding:4px;font-size:8px}}@media print{body{background:#fff}.topbar,.sidebar,.editor-toolbar,.page-hint,.drawer,.drawer-backdrop,.paper-add,.drag-handle,.block-tools,.table-heading{display:none!important}.main-area{width:100%}.canvas-wrap{padding:0;overflow:visible}.paper{width:210mm;min-height:297mm;box-shadow:none;margin:0}.sheet-block{box-shadow:none!important;border-color:#0000!important}.hospital-header input{color:#1d2926}.patient-label input{color:#333}@page{size:A4 portrait;margin:0}}.history-action{color:#d5e8df;background:#214a42;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:34px;padding:10px;font-size:16px;display:flex}.history-action:hover:not(:disabled){background:#32685b}.history-action:disabled{cursor:not-allowed;opacity:.32}.toast{z-index:20;color:#eff8f2;background:#143b36;border:1px solid #3f7565;border-radius:10px;align-items:center;gap:10px;max-width:min(360px,100vw - 32px);padding:13px 16px;font-size:11px;font-weight:700;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #061c1680}.toast span{color:#18362d;background:#c9e37b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.toast-warning{background:#4e3422;border-color:#a97845}.toast-warning span{background:#f2be78}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}th input,td input{font-size:11px}.patient-label input{font-size:15px}.section-title{font-size:16px}@media (width<=680px){.history-action{width:30px;padding:9px 7px}.history-action+.secondary-action{padding-left:9px;padding-right:9px}.history-action+.secondary-action span{display:none}th input,td input{font-size:10px}.patient-label input,.section-title{font-size:13px}.toast{bottom:16px;right:16px}}
