:root{color-scheme:dark;--bg:#171717;--panel:#202020;--raised:#292929;--border:#373737;--text:#ece7df;--muted:#a49e96;--orange:#ed843a;--orange2:#ff9b52;--green:#b5c4a6}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:13px 'Segoe UI',Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #49423c;background:#2e2b28;color:var(--text);padding:10px 14px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#3d352f;border-color:#a6683e}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button svg{vertical-align:middle}button.primary{background:var(--orange);border-color:var(--orange);color:#21170f;font-weight:700}button.primary:hover{background:var(--orange2)}.primary:disabled{background:#8c613f;border-color:#8c613f;color:#c6b5a4}.textbutton{background:transparent;border:0;color:var(--orange);padding:6px 0;font-size:12px}.quiet{background:transparent}.wide{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:205px;background:#121212;border-right:1px solid #333;display:flex;flex-direction:column;z-index:10}.brand{height:110px;display:flex;gap:11px;align-items:center;padding:22px 19px;text-decoration:none;color:var(--text);font:bold 19px/1.1 Georgia,serif;letter-spacing:1px}.brandmark{display:grid;place-items:center;color:var(--orange);border:1px solid #6c513e;width:42px;height:48px;font-size:22px;letter-spacing:-3px;flex-shrink:0}.brand small{display:block;font:8px 'Segoe UI',sans-serif;color:#9a8371;letter-spacing:2px;margin-top:8px}.profile{border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;padding:15px 17px;display:flex;gap:10px;align-items:center;background:linear-gradient(110deg,#27221e,#171717)}.profile .portrait{width:43px;height:49px;flex-shrink:0}.profile strong{font-size:11px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.portrait{background-color:#37302b;background-image:url('assets/personal.png');background-size:300% 200%;border:1px solid #6b5542;border-radius:3px}.male.t0{background-position:0 0}.male.t1{background-position:50% 0}.male.t2{background-position:100% 0}.female.t0{background-position:0 100%}.female.t1{background-position:50% 100%}.female.t2{background-position:100% 100%}.sidebar nav{padding:16px 10px;overflow-y:auto}.navitem{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;text-align:left;color:#aca7a1;padding:12px 13px;margin:2px 0;font-size:12px;position:relative}.navitem svg{width:18px;height:18px;flex-shrink:0;opacity:.8}.navitem.active{color:var(--orange);background:#33261c}.navitem.active:before{content:'';position:absolute;left:-10px;top:0;bottom:0;width:3px;background:var(--orange)}.navitem .badge{margin-left:auto;background:#37302b;border:1px solid #514031;border-radius:3px;font-size:9px;min-width:19px;text-align:center;padding:2px}.sidebottom{margin-top:auto;padding:15px 18px;font-size:9px;color:#8e857c;border-top:1px solid #2b2b2b}.sidebottom b{float:right;color:#756354}.sidebottom button{background:none;border:0;padding:12px 0 0;color:var(--muted);font-size:10px}.onlineDot,.clock i{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:6px}.shell{margin-left:205px}header{height:85px;border-bottom:1px solid #34312e;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#1b1b1b}.topcrumb{font-size:9px;letter-spacing:1.2px;color:#746c64;min-width:125px}.topcrumb b{display:block;color:#c5bdb3;font-size:12px;letter-spacing:0;font-weight:400;margin-top:7px}.topstats{display:flex;gap:34px;margin-left:auto}.topstats>div{border-left:1px solid #38332f;padding-left:22px}.topstats small{font-size:8px;letter-spacing:1.2px;color:#8d857b;white-space:nowrap;display:block;margin-bottom:7px}.topstats strong{font-size:19px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}#cash{color:var(--orange2)}#income{font-size:17px}.notification{padding:9px;background:none;border:1px solid #38332e;position:relative}.notification svg{width:17px;height:17px}.notification .dot{width:5px;height:5px;border-radius:50%;background:var(--orange);position:absolute;right:6px;top:6px}main{padding:25px 25px 0;max-width:1900px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 23px}.eyebrow{color:var(--orange);font-size:8px;letter-spacing:2.4px}.pageheading h1{font:normal 32px Georgia,serif;letter-spacing:.2px;margin:8px 0}.pageheading p{font-size:11px;color:var(--muted);margin:0}.headingactions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.headingactions select{background:#252321;border:1px solid #443b33;border-radius:4px;color:var(--text);padding:8px 12px;font-size:11px;max-width:200px}.clock{font-size:10px;color:#9e9388;font-variant-numeric:tabular-nums}.maplayout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;align-items:start}.mapcard{border:1px solid #3d3934;border-radius:5px;overflow:hidden;background:#1b1d1b}.maptoolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #363630;background:#222321;gap:8px}.segmented{display:flex;gap:4px}.segmented button{font-size:10px;background:transparent;border:0;padding:8px 10px;color:#999b91}.segmented button.active{background:#3c3024;color:#f1b380}.segmented span{background:#211b16;border-radius:2px;padding:2px 5px;margin-left:5px;font-size:8px}.mapcontrols{display:flex;gap:4px}.mapcontrols button{width:28px;height:28px;padding:0;font-size:16px;background:#2a2d28;border-color:#44493d;color:#bac0ad}#mapWrap{height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#31362e,#1b201c 85%)}#usaMap{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#usaMap:active{cursor:grabbing}.maptip{position:absolute;left:15px;bottom:12px;font-size:9px;color:#83907a;pointer-events:none}.maptip span{padding:0 6px}.compass{position:absolute;right:18px;top:18px;font-size:28px;line-height:23px;color:#8d9b83;pointer-events:none;text-align:center;font-weight:200}.compass span{display:block;font-size:8px;letter-spacing:1px}.maplegend{display:flex;gap:16px;flex-wrap:wrap;padding:13px 15px;border-top:1px solid #34382f;background:#20241e;font-size:8px;color:#9ca38f}.maplegend i{width:5px;height:5px;border-radius:50%;background:#b0b9a1;display:inline-block;margin-right:5px;vertical-align:middle}.maplegend .legendhome{background:var(--orange);box-shadow:0 0 0 2px #ed843a25}.maplegend .legendowned{background:none;border:1px solid var(--orange);width:7px;height:7px}.maplegend .legendroad{width:13px;height:1px;border-radius:0;background:#798269}.mapfoot{font-size:8px;color:#737e68;padding:0 15px 11px;background:#20241e}.planner{background:#22201e;border:1px solid #494037;border-radius:5px;padding:19px;min-height:560px}.planner h2{font:27px Georgia,serif;margin:7px 0}.planner .region{font-size:10px;color:#a89d8f;margin-bottom:18px}.eyeline{display:flex;justify-content:space-between;align-items:center}.statebadge{font-size:8px;letter-spacing:1px;border:1px solid #745033;padding:4px 6px;border-radius:2px;color:#e9a878}.pricerow{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#2c2722;border:1px solid #483a2c;border-radius:4px;padding:12px;margin-bottom:13px}.pricerow small{display:block;font-size:9px;color:#aa9785;margin-bottom:5px}.pricerow b{font-size:23px;font-weight:550}.pricerow b.orange{color:var(--orange)}.pricerow .unit{font-size:9px;color:#9d8977;margin-left:3px}.offer{font-size:10px;background:#51341f;border:1px solid #754729;color:#f4ba8f;padding:9px;border-radius:3px;margin:10px 0;line-height:1.6}.field{display:block;margin:13px 0}.field>span,.smalllabel{display:block;font-size:9px;color:#ae9e8c;margin-bottom:7px;letter-spacing:.4px}.field select,.field input{width:100%;background:#171716;border:1px solid #504336;color:#e7dace;padding:10px;border-radius:4px;font-size:12px}.field select:disabled{opacity:.45}.routebuttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.routebuttons button{font-size:9px;padding:9px 2px;background:#28231e;border-color:#4b3d30;line-height:1.5}.routebuttons button small{display:block;font-size:8px;color:#a69888}.routebuttons button.active{background:#49301e;border-color:var(--orange);color:#f4b17a}.routestatus{font-size:9px;color:#b2a18e;line-height:1.7;margin:8px 0}.amountrow{display:flex;gap:6px}.amountrow input{min-width:0}.amountrow button{font-size:10px;padding:8px}.invoice{border-top:1px solid #44392f;margin-top:13px;padding-top:8px}.invoice>div{display:flex;justify-content:space-between;font-size:10px;color:#b6a99b;padding:6px 0;gap:5px}.invoice b{font-weight:500;white-space:nowrap;color:#e5d8ca}.invoice .total{border-top:1px solid #4d3d30;margin-top:5px;padding-top:11px;font-size:12px;color:#ede1d4}.invoice .total b{color:var(--orange2);font-size:17px}.planner .primary{margin-top:12px;padding:12px}.fineprint{font-size:9px;line-height:1.8;color:#938272;margin:10px 0 0}.muted{color:var(--muted)}.warning{color:#edaa72}.sectionbelow{margin-top:24px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h2{font:20px Georgia,serif;margin:0}h3{font-size:14px;font-weight:600;margin:0 0 8px}#tripStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.emptytransport{grid-column:1/-1;display:flex;align-items:center;gap:14px;border:1px dashed #494036;padding:20px;border-radius:4px;color:#9b8c7c;background:#201e1a}.emptytransport svg{width:36px;height:36px;color:#a27753}.emptytransport b{display:block;color:#cabcaa;font-size:12px;margin-bottom:5px}.emptytransport p{font-size:10px;margin:0;line-height:1.7}.tripcard{background:#24211e;border:1px solid #4b3d31;border-radius:4px;padding:16px}.tripcard .tripheading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:9px}.tripcard .tripheading svg{width:29px;height:22px;color:#cda17b}.tripcard p{font-size:10px;color:#a99582;line-height:1.7;margin:5px 0}.tripcard .progresstrack{height:4px;background:#443b32;border-radius:2px;margin:13px 0 8px}.progresstrack i{display:block;height:100%;background:var(--orange);border-radius:2px}.tripcard .bottomline{display:flex;justify-content:space-between;font-size:9px;color:#a39585}.notice{position:sticky;top:0;z-index:8;background:#49301e;border-bottom:1px solid #845333;padding:12px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#f5d5b9;font-size:12px}.notice[hidden]{display:none}.notice button{padding:0 6px;border:0;background:none;font-size:22px}.panel{background:#22201f;border:1px solid #423930;border-radius:5px;padding:22px}.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cardgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel p{font-size:11px;color:#aa9d90;line-height:1.8;margin:8px 0 15px}.panel .eyebrow{letter-spacing:1.2px}.homehero{position:relative;min-height:320px;border:1px solid #55412f;border-radius:5px;background:#211b15 url('assets/distrikt.png') center 56%/cover;overflow:hidden}.homehero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0c0ac9,transparent 70%),linear-gradient(0deg,#100d0bc9,transparent 50%);pointer-events:none}.herotext{position:relative;z-index:1;padding:30px}.herotext h2{font-size:39px;margin:12px 0}.herotext p{max-width:320px;color:#d1b79f;font-size:12px;line-height:1.8}.herotext .primary{margin-top:12px}.herobadges{position:absolute;bottom:20px;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between}.herobadges button{background:#171310dd;border-color:#71513c;font-size:10px}.statsrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.statbox{background:#24211f;border:1px solid #443a30;border-radius:4px;padding:17px}.statbox small{font-size:9px;color:#a99886;display:block;margin-bottom:10px}.statbox b{font-size:24px;font-weight:500}.statbox p{font-size:9px;color:#9c8d7f;margin:7px 0 0}.personcard{display:flex;flex-direction:column;position:relative;padding:0;overflow:hidden}.personhead{display:flex;gap:15px;align-items:center;background:#2c2723;padding:18px;border-bottom:1px solid #4c3d30}.personhead .portrait{width:78px;height:88px;flex-shrink:0}.personhead h3{font:21px Georgia,serif;margin-top:6px}.personhead .class{font-size:9px;letter-spacing:1.7px;color:var(--orange)}.personbody{padding:18px}.detailrow{display:flex;justify-content:space-between;gap:15px;font-size:11px;border-bottom:1px solid #3b332d;padding:9px 0;color:#a99a8c}.detailrow b{font-weight:500;color:#e3d7ca}.personbody button{margin-top:15px}.vehicleicon{height:75px;color:#c3a083;display:grid;place-content:center;background:linear-gradient(0deg,#34291f,#26231f);border:1px solid #514030;border-radius:4px;margin-bottom:14px}.vehicleicon svg{width:100px;height:62px}.tablewrap{overflow:auto;border:1px solid #493d32;border-radius:4px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:left;padding:13px;color:#b09c87;font-size:9px;letter-spacing:.6px;background:#302820}td{padding:14px 13px;border-top:1px solid #3d342c;color:#dacbbd}td .textbutton{font-size:10px}.sectiongap{margin-top:25px}.message{padding:15px 0;border-bottom:1px solid #3c332b;display:flex;gap:14px}.message time{min-width:105px;color:#867667;font-size:10px}.message p{margin:0;font-size:12px;color:#c8b7a6}.message.warning p{color:#edb17e}.message.success p{color:#bdc7a9}.progressbar{height:5px;background:#3b332c;border-radius:3px;margin:14px 0}.progressbar i{display:block;background:var(--orange);height:100%;border-radius:3px}.checklist{font-size:12px;color:#c5b09a;line-height:2.2;padding-left:20px}.subnav{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.subnav button{font-size:11px}.subnav .active{background:#493120;border-color:var(--orange);color:#f5b47f}.settingsbuttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.resetbox{border:1px solid #926240;background:#3d2a1e;padding:15px;margin:12px 0;font-size:12px}.resetbox button{margin-top:12px}.compactselect{width:100%;padding:10px;background:#1b1815;border:1px solid #5e4632;color:var(--text);border-radius:3px}.onboard{border-top:1px solid #58412e;padding-top:18px;margin-top:18px}.onboard p{font-size:11px;color:#b9a18b;line-height:1.8}.pill{display:inline-block;padding:3px 7px;border:1px solid #735234;border-radius:3px;font-size:9px;color:#e7ac7d}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.livevalue{font-variant-numeric:tabular-nums}.callout{padding:16px;background:#3b2d21;border-left:2px solid var(--orange);border-radius:3px;color:#d4baa1;font-size:12px;line-height:1.8;margin:17px 0}.citysearch{background:#191715;border:1px solid #534130;color:var(--text);padding:11px 13px;border-radius:4px;margin-bottom:15px;min-width:260px}.nospace{margin:0!important}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #38312b;margin-top:30px;padding:18px 0;color:#786a5d;font-size:9px}footer>span:first-child{letter-spacing:1.3px}footer b{color:#b18865;margin-left:5px}footer button{font-size:9px;padding:6px 9px;border-color:#4d3b2b;background:none;color:#b6977b}[hidden]{display:none!important}@media(min-width:1650px){.maplayout{grid-template-columns:minmax(0,1fr) 340px}#mapWrap{height:580px}.sidebar{width:225px}.shell{margin-left:225px}.navitem{padding:15px}.planner{min-height:625px}main{padding:30px 32px 0}.planner{padding:23px}.pricerow{padding:15px}}
@media(max-width:1200px){.topcrumb{display:none}.topstats{gap:23px;margin-left:0}.topstats>div{padding-left:14px}.maplayout{grid-template-columns:minmax(0,1fr) 278px;gap:13px}main{padding:20px 17px 0}.planner{padding:15px}.sidebar{width:180px}.shell{margin-left:180px}.brand{padding-left:15px;font-size:16px}.profile{padding:12px}.topstats strong{font-size:16px}#income{font-size:15px}.cardgrid{gap:12px}.personhead{padding:12px;gap:10px}.personhead .portrait{width:60px;height:75px}.personbody{padding:12px}.maplegend{gap:10px}#mapWrap{height:440px}}
@media(max-width:1000px){.sidebar{width:70px}.shell{margin-left:70px}.brand{justify-content:center;padding:15px;height:85px}.brand>span:last-child,.profile,.navitem span,.sidebottom{display:none}.brandmark{height:40px;width:37px}.sidebar nav{padding:12px 8px}.navitem{justify-content:center;padding:14px 8px}.navitem svg{width:21px;height:21px}.navitem.active:before{left:-8px}.topstats{gap:15px}.maplayout{grid-template-columns:minmax(0,1fr) 285px}.topstats>div{padding-left:10px}.topstats small{font-size:7px}.headingactions{gap:7px}.pageheading h1{font-size:28px}header{padding:0 18px}.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cardgrid .personcard:last-child{grid-column:auto}.statsrow{grid-template-columns:repeat(2,minmax(0,1fr))}.maptoolbar{padding:8px}.segmented button{padding:7px 5px;font-size:9px}.segmented span{display:none}}
@media(max-width:760px){.maplayout{grid-template-columns:1fr}.planner{min-height:0}.maptoolbar{height:48px}.segmented span{display:inline}#mapWrap{height:380px}.pageheading{margin-bottom:17px;align-items:flex-start}.pageheading h1{font-size:27px}.pageheading p{max-width:260px;line-height:1.7}.eyebrow{font-size:7px;letter-spacing:1.5px}.topstats{width:100%;justify-content:space-between;gap:10px}.topstats>div{padding-left:0;border:0}.topstats small{font-size:6px;letter-spacing:.7px}.topstats strong,#income{font-size:14px}header{height:72px;padding:0 14px}.notification{display:none}#tripStrip{grid-template-columns:1fr}main{padding:17px 12px 0}.headingactions select{font-size:10px;padding:6px;max-width:140px}.clock{font-size:8px}.cardgrid,.cardgrid.two{grid-template-columns:1fr}.homehero{min-height:300px}.herotext{padding:20px}.herotext h2{font-size:31px}.herobadges{left:15px;right:15px;gap:5px;flex-wrap:wrap}.herobadges button{font-size:8px;padding:7px}.herotext p{max-width:250px}.statsrow{gap:9px}.statbox{padding:12px}.statbox b{font-size:20px}.sectiontitle{gap:10px}.sectiontitle h2{font-size:18px}.sectiontitle .textbutton{font-size:9px}.notice{padding:10px 15px;font-size:11px}footer{flex-wrap:wrap;font-size:8px}.citysearch{min-width:0;width:100%}.message{flex-direction:column;gap:5px}}
