:root{--ink:#1a1612;--ink-2:#3a322a;--ink-3:#6b6158;--ink-4:#a39a90;--paper:#f5efe6;--paper-2:#ebe3d5;--paper-3:#e0d6c4;--white:#fdfbf6;--amber:#c8561e;--amber-deep:#a6451a;--amber-soft:#e89968;--slate:#2d3a44;--slate-2:#4a5a66;--sky:#7ba5c4;--leaf:#5a7a4a;--shadow-sm:0 1px 2px rgba(26,22,18,.06),0 1px 3px rgba(26,22,18,.04);--shadow-md:0 4px 12px rgba(26,22,18,.08),0 2px 4px rgba(26,22,18,.04);--shadow-lg:0 16px 40px rgba(26,22,18,.12),0 4px 12px rgba(26,22,18,.06);--shadow-card:0 30px 60px -20px rgba(26,22,18,.3),0 18px 36px -18px rgba(26,22,18,.2);--font-display:"Instrument Serif","Cormorant Garamond",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,monospace;--font-friendly:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.postcard,.postcard .display{font-family:var(--font-friendly)}.postcard .display{font-weight:600;letter-spacing:-.01em;line-height:1.15}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";font-size:14px;line-height:1.5}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;background:var(--paper)}.sidebar{background:var(--ink);color:var(--paper);padding:24px 20px;display:flex;flex-direction:column;gap:4px}.sidebar .logo{font-family:var(--font-display);font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--paper);margin-bottom:2px}.sidebar .logo .sun{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--amber-soft);margin-right:2px;transform:translateY(-4px);box-shadow:0 0 12px var(--amber-soft)}.sidebar .tagline{letter-spacing:.18em;margin-bottom:32px}.sidebar .section-label,.sidebar .tagline{font-size:10px;text-transform:uppercase;color:var(--ink-4)}.sidebar .section-label{letter-spacing:.16em;margin:20px 0 8px 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--paper-3);cursor:pointer;transition:all .15s;text-align:left;width:100%}.nav-item:hover{background:hsla(0,0%,100%,.04);color:var(--white)}.nav-item.active{background:hsla(0,0%,100%,.08);color:var(--white)}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4)}.nav-item.active .dot{background:var(--amber-soft)}.sidebar .footer{margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:10px;align-items:center}.sidebar .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--amber) 0,var(--amber-deep) 100%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--white)}.sidebar .user-name{font-size:12px;color:var(--paper-3)}.sidebar .user-role{font-size:10px;color:var(--ink-4)}.workspace{overflow-y:auto;overflow-x:hidden;min-width:0;position:relative}.bn-more-backdrop,.bottom-nav{display:none}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding-bottom:68px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--ink);border-top:1px solid hsla(0,0%,100%,.1);align-items:stretch;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 0 8px;color:var(--paper-3);font-size:10px;letter-spacing:.02em}.bottom-nav button.active{color:var(--amber-soft)}.bottom-nav .bn-icon{font-size:19px;line-height:1}.bn-more-backdrop{display:block;position:fixed;inset:0;z-index:119;background:rgba(26,22,18,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bn-more{position:fixed;left:0;right:0;bottom:68px;z-index:121;background:var(--paper);border-radius:16px 16px 0 0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.18)}.bn-more button{display:block;width:100%;text-align:left;padding:14px 12px;font-size:15px;color:var(--ink);border-radius:10px}.bn-more button:active{background:var(--paper-2)}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--paper-3);background:var(--paper);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar .crumb{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.topbar .crumb b{color:var(--ink);font-weight:600}.topbar .actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--ink);color:var(--white)}.btn-primary:hover{background:var(--ink-2)}.btn-amber{background:var(--amber);color:var(--white)}.btn-amber:hover{background:var(--amber-deep)}.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--paper-3)}.btn-ghost:hover{background:var(--paper-2);border-color:var(--ink-4)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.pill-draft{background:var(--paper-3);color:var(--ink-2)}.pill-sent{background:#d4e4dc;color:#2d5a3f}.pill-scanned{background:#f0dcc0;color:#8a5a1a}.pill-booked{background:var(--amber);color:var(--white)}.pill-skipped{background:var(--paper-2);color:var(--ink-3)}.pill-rejected{background:#f2d3cd;color:#93321f}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:600}.field input,.field select{background:var(--white);border:1px solid var(--paper-3);padding:10px 12px;border-radius:6px;font-size:14px;transition:all .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(26,22,18,.06)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--paper-3);border-radius:5px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.postcard{width:720px;height:480px;background:var(--white);box-shadow:var(--shadow-card);border-radius:3px;transform-style:preserve-3d}.before-after,.postcard{overflow:hidden;position:relative}.before-after{width:100%;height:100%;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ba-layer{position:absolute;inset:0}.ba-after{-webkit-clip-path:inset(0 0 0 var(--split,50%));clip-path:inset(0 0 0 var(--split,50%))}.ba-handle{top:0;bottom:0;left:var(--split,50%);width:2px;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 12px rgba(0,0,0,.3)}.ba-handle,.ba-knob{position:absolute;background:var(--white);pointer-events:none}.ba-knob{top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink)}.ba-label{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ba-label.left{left:12px;background:rgba(26,22,18,.7);color:var(--white)}.ba-label.right{right:12px;background:hsla(23,74%,66%,.9);color:var(--white)}.qr{width:88px;height:88px;background:var(--white);padding:6px;border-radius:4px;position:relative;flex-shrink:0}.landing{max-width:560px;margin:0 auto;padding:48px 24px 80px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}.login-card{background:var(--white);border:1px solid var(--paper-3);border-radius:10px;box-shadow:var(--shadow-md);padding:32px 28px;width:340px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-family:var(--font-display);font-weight:400;font-size:32px;letter-spacing:-.02em;margin-bottom:8px}.login-card input{background:var(--white);border:1px solid var(--paper-3);padding:10px 12px;border-radius:6px;font-size:14px}.login-card input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(26,22,18,.06)}.login-card button[type=submit]{background:var(--amber);color:var(--white);border-radius:6px;padding:10px 14px;font-size:13px;font-weight:600;margin-top:6px}.login-card .err{font-size:11px;color:var(--amber-deep);background:rgba(200,86,30,.08);padding:6px 10px;border-radius:4px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:.95}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.caps{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.hairline{height:1px;background:var(--paper-3)}.hairline-ink{height:1px;background:var(--ink);opacity:.1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@media (max-width:768px){.modal-grid{grid-template-columns:1fr!important}}@keyframes scanLine{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes scan-sweep{0%{left:-30%}to{left:100%}}@keyframes roof-draw{to{stroke-dashoffset:0}}@keyframes sun-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes ray-sweep{0%,to{opacity:.4}50%{opacity:.9}}@keyframes panel-illuminate{0%{opacity:0;filter:brightness(.4)}60%{opacity:1;filter:brightness(1.6) saturate(1.4)}to{opacity:1;filter:brightness(1) saturate(1)}}@keyframes panel-settle{0%{opacity:0}to{opacity:1}}@media (min-width:900px){.sticky-cta-bar{display:none!important}}