:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:#173042;background:#f4f7f8;font-synthesis:none;--ink:#173042;--secondary:#687f8e;--teal:#137d6a;--deep:#15394b;--line:#e1eaed;--paper:#fff;--mint:#e3f6ed;--soft:#f1f6f6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#102f40;color:white;padding:27px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:11px;padding:5px 12px 38px}.brand strong{display:block;font-size:19px;letter-spacing:-.6px}.brand small{color:#a6c8cb;letter-spacing:2.2px;font-size:9px}.brand-mark{height:42px;width:42px;border-radius:13px;background:#d8f3e8;display:grid;place-items:center;color:#086958;font-weight:800;font-size:27px;position:relative}.brand-point{color:#18a98b;position:absolute;right:7px;bottom:4px;font-size:12px}.side-label{font-size:10px;letter-spacing:2px;color:#799cad;padding:0 18px 13px;font-weight:700}.side-nav{display:grid;gap:6px}.nav-button{border:0;background:transparent;color:#bfd6df;border-radius:12px;padding:12px 15px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:600;font-size:14px}.nav-button .symbol{font-size:19px;width:25px;text-align:center}.nav-button.active{background:#245064;color:white}.sidebar-foot{margin-top:auto;padding:16px 9px 4px;border-top:1px solid #31505f;display:flex;gap:10px;align-items:center}.sidebar-foot b{display:block;font-size:12px}.sidebar-foot small{display:block;color:#a8c4d0;font-size:11px}.account-icon{background:#3f6d76;color:white;border-radius:10px;padding:10px;font-weight:700;font-size:12px}.main{width:100%;max-width:1220px;margin:0 auto;padding:31px 37px 75px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.eyebrow{color:#6f8997;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:6px}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.15;margin:0;font-weight:800}h2{font-size:19px;letter-spacing:-.45px;margin:0}h3{margin:0 0 8px;font-size:15px}.top-actions{display:flex;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;font-weight:700;font-size:11px;white-space:nowrap}.pill.demo{background:#fff1d7;color:#9b6b1a}.pill.cloud{background:#e1f6ea;color:#227a52}.pill.high{background:#ffedd8;color:#ad6722}.pill.medium{background:#eaf0fb;color:#526fab}.pill.low{background:#f0f2f3;color:#697785}.pill.confirmed,.pill.paid{background:#e1f6ea;color:#227a52}.pill.waiting{background:#fff3d9;color:#a16d18}.pill.cancelled{background:#fbe8e8;color:#bd4848}.icon-btn{border:1px solid var(--line);border-radius:10px;background:white;min-height:39px;min-width:39px;font-size:20px;color:#536e7a}.banner{border:1px solid #f0dda9;background:#fffaf0;color:#8c641e;padding:11px 14px;border-radius:10px;font-size:12px;line-height:1.5;margin-bottom:22px}.banner.safe{border-color:#bae4c9;color:#207049;background:#f0fbf4}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{border:1px solid var(--line);background:#fff;border-radius:17px;padding:19px 18px;min-height:117px;box-shadow:0 3px 17px #20415305}.stat .kicker{font-size:12px;color:#738996;font-weight:600}.stat .big{font-size:26px;font-weight:800;letter-spacing:-1.2px;margin:10px 0 4px;white-space:nowrap}.stat .sub{font-size:11px;color:#78909e}.stat.featured{background:linear-gradient(135deg,#123e4d,#195968);color:white;border-color:transparent}.stat.featured .kicker,.stat.featured .sub{color:#bdd8dc}.cols{display:grid;grid-template-columns:1.35fr 1fr;gap:19px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:20px;min-width:0;box-shadow:0 3px 17px #20415305}.panel+.panel{margin-top:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.panel-header p{font-size:12px;color:var(--secondary);margin:5px 0 0}.primary,.secondary,.textbtn,.danger-btn{border:0;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:6px;justify-content:center;text-decoration:none}.primary{background:var(--teal);color:white}.secondary{background:#eaf3f3;color:#286071}.textbtn{background:transparent;color:var(--teal);padding:7px}.danger-btn{background:#fce9e9;color:#ae3737}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.search{background:white;border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-width:230px;max-width:410px;width:100%;color:#173042;outline-color:var(--teal)}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;max-width:225px;color:#173042}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}.data-table th{background:#f8fafb;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#82949f;font-weight:800;padding:13px 12px}.data-table td{padding:15px 12px;border-top:1px solid #eef2f3}.data-table tr:hover td{background:#fbfdfd}.clickrow{cursor:pointer}.name{font-weight:750;color:#163748}.tiny{display:block;font-size:11px;color:#7d939f;margin-top:3px}.amount{font-weight:750;font-variant-numeric:tabular-nums}.muted{color:var(--secondary)}.empty{text-align:center;padding:54px 15px;color:#8799a3}.empty .eicon{font-size:36px;margin-bottom:10px}.list{display:grid;gap:10px}.list-item{border:1px solid #e8eff0;padding:13px;border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.list-item b{font-size:13px}.list-item small{display:block;color:#778f99;font-size:11px;margin-top:4px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#28a77b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12px;font-weight:700;color:#55707d}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #dbe5e8;border-radius:10px;min-height:41px;background:white;color:#173042;outline-color:var(--teal)}.field textarea{min-height:84px;resize:vertical}.field.full{grid-column:1/-1}.modal-overlay{position:fixed;inset:0;background:#0b2133aa;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:19px;width:min(660px,100%);max-height:min(88dvh,900px);overflow:auto;box-shadow:0 25px 60px #0003}.modal-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:23px}.modal-foot{padding:14px 23px 22px;display:flex;justify-content:flex-end;gap:9px}.close-btn{border:0;background:#f1f5f5;color:#385668;border-radius:50%;width:34px;height:34px;font-size:20px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.detail-meta{font-size:13px;color:var(--secondary);line-height:1.9}.divider{height:1px;background:#e7edef;margin:19px 0}.progress{height:8px;background:#e9f0f0;border-radius:100px;overflow:hidden}.progress>span{height:100%;display:block;background:#159a79;border-radius:100px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#667c88;margin-bottom:6px}.bar-group{margin:16px 0}.bar-row{display:grid;grid-template-columns:94px 1fr 80px;gap:10px;align-items:center;font-size:12px;margin:11px 0}.bar-track{height:13px;border-radius:8px;background:#edf3f3;overflow:hidden}.bar-fill{height:100%;background:#3fa896;border-radius:8px}.weekday{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:white}.weekday-head{font-weight:800;color:#246070;margin-bottom:10px;display:flex;justify-content:space-between}.visit{border-left:3px solid #4caa8d;padding:10px 11px;margin-bottom:8px;background:#f5faf8;border-radius:0 8px 8px 0}.visit b{display:block;font-size:13px}.visit small{font-size:11px;color:#728990}.hint{font-size:12px;color:#7c929b;line-height:1.6}.two-line{margin-top:6px}.link{color:#15836e;text-decoration:none;font-weight:700}.notice{border:1px solid #c9e8db;border-radius:10px;background:#f2fbf5;color:#267355;padding:12px;font-size:12px;line-height:1.5}.warning{border:1px solid #f2dfb5;border-radius:10px;background:#fffaf0;color:#885d16;padding:12px;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:25;background:#1d3d4a;color:white;border-radius:12px;padding:13px 18px;font-size:12px;font-weight:700;box-shadow:0 12px 35px #0002;transition:all .2s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.bottom-nav{display:none}a{color:#16846e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #76caba;outline-offset:2px}@media(max-width:1000px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:22px 10px}.main{padding:25px 22px 75px}.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.brand{padding-left:9px}.stat .big{font-size:25px}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}.main{padding:26px 16px calc(95px + env(safe-area-inset-bottom));}.topbar{margin-bottom:14px}h1{font-size:26px}.stats{gap:10px}.stat{min-height:105px;padding:14px}.stat .big{font-size:22px}.stat .kicker{font-size:11px}.panel{padding:15px}.toolbar{align-items:stretch}.search{max-width:none}.toolbar-actions{width:100%;justify-content:space-between}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;padding:8px 7px calc(7px + env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 20px #0000000a}.bottom-btn{border:0;background:transparent;color:#8aa0ab;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 2px}.bottom-btn .symbol{font-size:20px}.bottom-btn.active{color:var(--teal)}.grid2{grid-template-columns:1fr}.field.full{grid-column:auto}.bar-row{grid-template-columns:72px 1fr 74px;font-size:11px}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;border-radius:20px 20px 0 0;max-height:90dvh}.modal-body{padding:19px}.modal-head{padding:18px}.modal-foot{padding:12px 18px calc(19px + env(safe-area-inset-bottom))}.data-table{font-size:12px}.data-table td,.data-table th{padding:12px 8px}}@media(prefers-color-scheme:dark){:root{color-scheme:light}} 

/* Google Maps usability enhancements: spacious touch targets on iPad and iPhone */
.map-actions {margin:14px 0; gap:10px; flex-wrap:wrap}
.map-actions a, .route-link {display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.map-note {display:block;color:#795d35;font-size:12px;line-height:1.45;margin:7px 0}
.day-route {margin:12px 0;padding:10px;border-radius:12px;background:#eaf5f0}
.day-route .route-link {display:flex;color:#145a44;font-weight:700;line-height:1.4;padding:6px 0}
.day-route .tiny {color:#406b5d}
@media(max-width:650px){.map-actions a {width:100%;justify-content:center}.day-route .route-link {padding:10px 2px}}