:root{--navy:#102c3c;--deep:#09202e;--sand:#f7f3e9;--paper:#fffdf8;--gold:#dca944;--orange:#c86534;--ink:#243c47;--muted:#6b7576;--line:#e3ddce;--green:#33745d;font:15px/1.55 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--sand)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#f6eddc;padding:26px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:150px;height:94px;object-fit:contain}.sidebar small{color:#cfc5af}.sidebar nav{display:grid;gap:5px;margin:25px 0}.sidebar nav a{padding:11px 14px;border-radius:9px;text-decoration:none;display:flex;gap:10px;align-items:center}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:#284350;color:#f7c965}.navgroup{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;padding:22px 14px 5px;opacity:.6}.sidebar footer{font-size:.78rem;border-top:1px solid #ffffff22;padding-top:18px}.workspace{min-width:0}.topbar{min-height:76px;padding:15px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffdf8;border-bottom:1px solid var(--line)}.topbar .account{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar select{padding:7px 10px;max-width:180px}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#eae2ce;border-radius:50%;font-weight:700}.demo{background:#fff0c9;color:#745322;padding:8px 35px;font-size:.78rem}.demo select{margin-left:12px;border:1px solid #d4bd81;padding:2px 6px;background:transparent}.main{max-width:1450px;margin:auto;padding:32px 36px 70px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:2.35rem;font-weight:500;line-height:1.2;margin-bottom:12px}h2{font-family:Georgia,serif;font-weight:500;font-size:1.7rem}h3{font-size:1.05rem;margin-bottom:10px}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:2px;color:#a76b24;font-weight:700}.lead{max-width:760px;color:var(--muted)}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:23px;min-width:0}.card p{margin-bottom:12px}.card .stat{font-size:2.2rem;font-family:Georgia,serif;margin:9px 0}.card.gold{background:#ece3cb}.hero{background:var(--navy);border:0;color:#fff3dd;overflow:hidden;position:relative;padding:34px;border-radius:20px;margin-bottom:25px}.hero:after{content:'';position:absolute;right:-60px;bottom:-155px;width:430px;height:280px;border:1px solid #dca94466;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 40px #dca9440c,0 0 0 90px #dca94408;pointer-events:none}.hero h2,.hero h1{max-width:600px}.hero .eyebrow{color:#eac683}.hero p{color:#d7ddd8}.hero>*{position:relative;z-index:1}.btn{border:1px solid transparent;border-radius:8px;padding:10px 16px;background:var(--gold);color:var(--deep);font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.secondary{background:transparent;border-color:var(--line);color:inherit}.btn.danger{background:#a24431;color:white}.btn.small{font-size:.82rem;padding:6px 10px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;background:#eee8d9;font-size:.76rem;white-space:nowrap}.badge.good{background:#e1f0e5;color:#236144}.badge.pending{background:#fff0cb;color:#7b5921}.badge.bad{background:#f8e4dc;color:#983e2c}.code{font-family:Consolas,monospace;letter-spacing:.5px}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:var(--paper)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#f1ecdf}td{font-size:.87rem}tr:last-child td{border:0}td .btn{white-space:nowrap}.empty{border:1px dashed #c7bca4;padding:28px;text-align:center;border-radius:12px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:.88rem;min-width:0}.field.full{grid-column:1/-1}.field input,.field select,.field textarea,.topbar select{border:1px solid #d3cbb9;border-radius:7px;background:white;color:var(--ink);padding:10px 12px;max-width:100%;width:100%}.field textarea{min-height:110px;resize:vertical}.field input[type=checkbox]{width:18px;height:18px}.check{flex-direction:row;align-items:flex-start}.field small{color:var(--muted);font-weight:400}.field select[multiple]{min-height:112px}.formsection{grid-column:1/-1;padding-top:15px;border-top:1px solid var(--line);margin-top:8px}.error{color:#922f23;background:#fae7dd;padding:12px;border-radius:8px;margin-bottom:15px}.success{background:#e5f1e8;color:#245c47;padding:13px;border-radius:8px}.notice{border-left:3px solid var(--gold);padding:10px 16px;background:#f4ecda;margin:15px 0}.timeline{list-style:none;padding:0}.timeline li{position:relative;margin-left:8px;padding:0 0 24px 27px;border-left:1px solid #d2c39d}.timeline li:before{content:'';position:absolute;left:-6px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--paper)}.timeline li:last-child{border:0}.timeline small{display:block;color:var(--muted)}.topspace{margin-top:24px}.route-editor{display:grid;gap:8px}.route-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:center}.route-row input,.route-row select{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px}.route-map{width:100%;min-height:300px;background:#eadcbf;border-radius:12px}.route-map text{font:13px 'Segoe UI',sans-serif;fill:var(--navy)}.route-map .road{fill:none;stroke:#ba713b;stroke-width:3;stroke-dasharray:6 7}.route-map circle{fill:var(--navy);stroke:#fffcf3;stroke-width:3}.qr{max-width:260px;width:100%;display:block;margin:15px auto}.qr-link{word-break:break-all;font-size:.8rem}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.steps span{font-size:.77rem;padding:5px 8px;background:#f1eadb;border-radius:7px}dialog{border:0;border-radius:18px;box-shadow:0 25px 100px #0005;max-width:850px;width:calc(100% - 28px);max-height:90vh;padding:27px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0a1e2dc7;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.dialog-head h2{margin:0}#toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:min(420px,90vw);background:var(--navy);color:white;border-radius:11px;box-shadow:0 10px 35px #0003;padding:15px 21px;display:none}#toast.show{display:block}.mobilemenu{display:none}.contentbody{white-space:pre-wrap;overflow-wrap:anywhere}.search{padding:11px 13px;border:1px solid var(--line);border-radius:8px;min-width:220px;margin-bottom:20px}.menu-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.menu-tiles a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;text-decoration:none}.menu-tiles a:hover{border-color:#aa8c47}.skeleton{height:150px;background:linear-gradient(90deg,#eee8db,#fcf9f1,#eee8db);border-radius:15px}.mobilebrand{display:none}.channel{font-size:.75rem;letter-spacing:.7px}.finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.money{white-space:nowrap}.daycount{font-family:Georgia,serif;font-size:3rem;color:var(--gold)}.hidden{display:none!important}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
@media(max-width:1050px){.shell{grid-template-columns:210px minmax(0,1fr)}.main{padding:25px}.topbar{padding:15px 25px}.sidebar{padding:20px 13px}.grid.two{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{display:none;position:fixed;z-index:50;width:260px;box-shadow:10px 0 60px #0005}.sidebar.open{display:block}.mobilemenu{display:inline-flex}.topbar{padding:12px 16px;align-items:flex-start}.topbar .account{gap:8px}.account-name{display:none}.main{padding:24px 16px 60px}h1{font-size:1.95rem}.hero{padding:25px}.pagehead{flex-wrap:wrap}.demo{padding:9px 16px}.demo select{margin:4px 0 0;max-width:100%}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.card{padding:20px}.route-row{grid-template-columns:1.6fr 1fr 1fr auto;font-size:.8rem;gap:4px}.route-row input,.route-row select{padding:7px 3px}dialog{padding:20px}.brand img{width:145px}.topbar select{max-width:145px;font-size:.83rem}.grid{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr 1fr}.stat{font-size:1.6rem!important}.topbar .btn{padding:7px 10px}}
@media print{.sidebar,.topbar,.demo,.actions,.btn,#toast{display:none!important}.shell{display:block}.main{padding:0}.card,.hero{break-inside:avoid;background:white;color:black;border:1px solid #aaa}dialog[open]{position:static;width:100%;max-width:100%;box-shadow:none}body:has(dialog[open]) #app{display:none}.qr{width:300px;max-width:300px}}

.sidebar>.mobilemenu{float:right}