@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142c3b;--muted:#74818a;--teal:#167569;--bg:#f5f7f7;--line:#e1e7e7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}aside{position:fixed;width:240px;background:var(--ink);color:white;inset:0 auto 0 0;padding:36px 24px;display:flex;flex-direction:column}.brand{font:800 25px Manrope,Arial;color:white;text-decoration:none;letter-spacing:2px}.brand span{display:block;font:10px 'DM Sans',Arial;letter-spacing:3px;margin-top:9px;color:#a7b9c0}.navlabel{font-size:9px;letter-spacing:1.5px;color:#7e98a5;margin:60px 8px 18px}.nav{border:0;background:none;color:#b7c8ce;text-align:left;padding:15px 14px;border-radius:7px;margin-bottom:7px}.nav.active{background:#2a4350;color:white}.asidefoot{margin-top:auto;font-size:11px;color:#bacbcf}.asidefoot p{color:#73909d;font-size:11px}.dot{display:inline-block;background:#6bceb3;width:6px;height:6px;border-radius:50%;margin-right:5px}main{margin-left:240px}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line);background:white;font-size:11px;letter-spacing:.6px;color:var(--muted)}header b{font-weight:500;color:var(--ink);margin-left:10px}.localbadge{font-size:10px;color:var(--teal);background:#edf6f2;border-radius:20px;padding:8px 12px}#content{padding:40px 44px;min-height:calc(100vh - 143px);max-width:1500px;margin:auto}h1{font:700 32px Manrope,Arial;letter-spacing:-1px;margin:8px 0 10px}h2{font:700 19px Manrope,Arial;margin:0 0 9px}h3{font-size:14px;margin:0}p{line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal);font-weight:700}.muted{color:var(--muted)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:11px 16px;font-weight:600;font-size:12px}.primary{background:var(--teal);border-color:var(--teal);color:white}.dark{background:var(--ink);color:white;border-color:var(--ink)}.danger{color:#b54b4b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.stat strong{display:block;font:700 30px Manrope;margin-top:12px}.stat span{color:var(--muted);font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;overflow:hidden}.panelhead{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tools{display:flex;gap:8px;flex-wrap:wrap}.search{width:240px}input,textarea,select{border:1px solid #d9e1e2;border-radius:5px;padding:11px 12px;width:100%;background:white;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #16756915}textarea{min-height:84px;resize:vertical;line-height:1.5}label{font-size:11px;font-weight:600;display:block;margin-bottom:7px;color:#50616c}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.wide{grid-column:1/-1}.docrow{display:grid;grid-template-columns:1.6fr 1.2fr 1fr auto;align-items:center;gap:18px;padding:21px 24px;border-bottom:1px solid #eef1f1}.docrow:last-child{border-bottom:0}.docname{font-weight:700;margin-bottom:6px}.small{font-size:11px}.tag{display:inline-block;font-size:10px;background:#edf5f3;color:var(--teal);padding:5px 8px;border-radius:4px}.tag.invoice{color:#a37938;background:#faf4e9}.empty{text-align:center;padding:65px 20px}.empty .symbol{font-size:32px;color:#9ab6b0}.empty h2{margin:16px}.banner{background:#eaf2f0;border:1px solid #d6e6df;padding:22px 24px;border-radius:9px;display:flex;gap:20px;align-items:center}.banner p{margin:3px 0;font-size:12px;color:#5b716d}.editorlayout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px}.summary{position:sticky;top:20px;background:var(--ink);color:white;border-radius:9px;padding:24px;height:fit-content}.summary .muted{color:#abc1ca}.total{font:700 28px Manrope;margin:16px 0}.summary button{width:100%;margin-top:10px}.step{width:25px;height:25px;background:#edf5f3;color:var(--teal);display:inline-grid;place-items:center;border-radius:50%;font-size:11px;margin-right:9px}.route{padding:20px 24px;border-bottom:1px solid var(--line)}.routehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.routefields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.routefields .description{grid-column:1/-1}.routefields textarea{min-height:68px}.textbtn{border:0;background:transparent;color:var(--teal);font-size:12px;padding:5px}.help{font-size:11px;color:var(--muted);line-height:1.6}.templatecards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.templatecard{background:white;border:1px solid var(--line);border-radius:9px;padding:28px;min-height:220px}.templatecard p{font-size:12px;color:var(--muted);min-height:52px}.templateicon{font-size:27px;color:var(--teal);margin-bottom:24px}footer{padding:22px 44px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:8px;display:none;z-index:50}dialog{border:0;border-radius:10px;width:90vw;height:90vh;padding:0}dialog::backdrop{background:#142c3baa}.dialogbar{padding:15px;display:flex;justify-content:space-between}dialog iframe{width:100%;height:calc(100% - 60px);border:0}.dialogbar button{border:0;background:none}.notice{padding:15px 24px;background:#faf7ee;font-size:11px;color:#8b703d}button:focus-visible{outline:3px solid #8dcfc0;outline-offset:3px}@media(max-width:1050px){aside{width:190px;padding:28px 17px}main{margin-left:190px}#content{padding:28px 25px}header{padding:0 25px}.editorlayout{grid-template-columns:1fr}.summary{position:static}.templatecards{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:18px;display:block}.brand{font-size:20px}.brand span{font-size:8px}.navlabel,.asidefoot{display:none}.nav{display:inline-block;padding:10px 8px;margin:18px 0 0;font-size:11px}.nav.active{background:#2a4350}main{margin:0}header{height:50px;padding:0 18px;font-size:9px}.localbadge{font-size:8px;padding:6px}#content{padding:26px 16px}h1{font-size:27px}.top{align-items:flex-start;flex-direction:column;gap:12px}.stats{gap:8px}.stat{padding:16px 12px}.stat span{font-size:10px}.stat strong{font-size:24px}.fields{grid-template-columns:1fr;padding:19px;gap:17px}.wide{grid-column:auto}.panelhead{padding:18px;flex-wrap:wrap}.docrow{grid-template-columns:1fr auto;padding:18px;gap:12px}.docrow .client{grid-column:1}.docrow .amount{grid-row:1;grid-column:2;text-align:right}.docrow .tools{grid-column:1/-1}.search{width:100%}.templatecards{grid-template-columns:1fr}.banner{padding:18px}.route{padding:18px}.routefields{grid-template-columns:1fr 1fr}.routefields .description{grid-column:1/-1}.routefields .hotel{grid-column:1/-1}footer{padding:20px 16px}footer span{display:none}}
/* Render PDF pages directly so mobile browsers never crop an embedded PDF viewer. */
dialog#preview{width:min(980px,96vw);max-width:calc(100vw - 16px);height:92vh;height:92dvh;max-height:calc(100dvh - 16px);overflow:hidden;padding:0;background:#eef2f3}
dialog#preview[open]{display:flex;flex-direction:column}.dialogbar{flex-shrink:0;background:white;align-items:center;min-height:55px;border-bottom:1px solid var(--line);gap:12px}.dialogbar button{padding:10px;min-height:40px;white-space:nowrap}.previewtools{background:white;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;border-bottom:1px solid var(--line)}#previewstatus{font-size:11px;color:var(--muted)}#previewpages{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}.previewpage{display:block;width:100%;min-width:0;max-width:1100px;margin:0 auto 18px}.previewpage figcaption{font-size:11px;color:#596d78;padding:4px 0 9px}.previewpage canvas{display:block;max-width:100%;height:auto;background:white;box-shadow:0 2px 12px #142c3b16}.previewerror{padding:20px;line-height:1.7}.previewtools .btn{min-height:40px}@media(max-width:650px){dialog#preview{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:94vh;height:94dvh;margin:auto;border-radius:8px}.dialogbar{padding:8px 12px}.previewtools{padding:8px 12px}#previewpages{padding:8px}.previewpage{margin-bottom:15px}.previewtools .tools{gap:6px}.previewtools .btn{padding:9px 11px}}