*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#0a214a;font:15px/1.4 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:hover{filter:brightness(.93)}button:focus-visible,a:focus-visible{outline:3px solid #f8ae00}header{height:100px;display:flex;align-items:center;gap:22px;padding:8px 3%;background:white;position:relative;z-index:3}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;border-radius:70% 30% 35% 0;background:linear-gradient(95deg,#00bdff,#0060c7 35%,#79cf13 74%,#008100)}header img{width:195px;height:80px;object-fit:contain}h1{border-left:1px solid #98adc6;padding-left:24px;font-size:clamp(20px,2.5vw,38px);letter-spacing:-1.5px}h1 b{background:linear-gradient(#55bd00,#078100);color:white;padding:0 9px;border-radius:7px}#today{margin-left:auto}#today,#account{border:1px solid #cddbeb;border-radius:9px;padding:8px}aside{position:fixed;inset:100px auto 0 0;width:204px;background:linear-gradient(150deg,#053169,#001e43 80%,#035799);color:white;padding:18px 10px;overflow:auto}aside button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:10px 14px;border-radius:9px;font-weight:600}aside button.active,.primary{background:linear-gradient(145deg,#77c900,#008515);color:white}i{font-style:normal;font-size:20px;width:25px;text-align:center}main{margin-left:204px;padding:12px 20px 36px;max-width:1700px}#mode{font-size:12px;color:#416481;margin:0 0 8px;font-weight:650}.metrics,.pair,.lower,.actions,.bars,.forecast{display:grid;gap:14px}.metrics,.actions{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,article{border:1px solid #d3dfed;border-radius:16px;background:white;box-shadow:0 2px 5px #12376418}.metric{padding:15px;background:linear-gradient(140deg,#fff,#e2f7ff)}.metric:nth-child(2){background:linear-gradient(140deg,#fff,#e5fadf)}.metric:nth-child(3){background:linear-gradient(140deg,#fff,#fff4da)}.metric:nth-child(4){background:linear-gradient(140deg,#fff,#eef8da)}.metric small{display:block;font-size:14px;font-weight:650}.metric i,h2 i{color:#0876e6;margin-right:8px}.metric strong{font-size:clamp(23px,2.5vw,38px);letter-spacing:-1px;color:#101d27}.pair{grid-template-columns:1.55fr 1fr;margin:14px 0}.lower{grid-template-columns:1.1fr 1fr}.stack{display:grid;gap:12px}article{padding:16px;min-width:0}h2{font-size:20px;letter-spacing:-.6px;margin:0 0 12px;display:flex;align-items:center;gap:4px}h2 button{margin-left:auto;font-size:13px;color:#0066c5}p{margin:8px 0}.job,.cols{display:grid;grid-template-columns:1.6fr 1fr .75fr .7fr;gap:8px;align-items:center}.job{width:100%;text-align:left;background:#fafcff;padding:12px 8px;border:1px solid #dbe5ef;border-left:6px solid #65bd13;border-radius:9px;margin-top:5px}.job:nth-of-type(3n){border-left-color:#0781fb}.job strong:last-child{text-align:right;color:#247c0a}.cols{font-size:12px;background:#e8f0fa;border-radius:7px;padding:5px 12px}.weather{font-size:30px;font-weight:700}.forecast{grid-template-columns:repeat(3,1fr);text-align:center;border-top:1px solid #dae2ea;margin-top:15px;padding-top:12px}.forecast b{font-size:24px}.line{padding:7px 0;border-bottom:1px solid #dbe4ed}.line:last-child{border:0}.dot{color:#4ca20b}.legend{text-align:right;font-size:12px}.bars{height:160px;grid-template-columns:repeat(6,1fr);align-items:end;border-bottom:1px solid #bdcddb;background:repeating-linear-gradient(to top,transparent 0 30px,#dce5ed 31px 32px)}.group{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:30%;background:linear-gradient(#008bff,#004ede);border-radius:3px 3px 0 0}.green{background:linear-gradient(#80c600,#268900)}.months{display:flex;justify-content:space-around;font-size:12px}.quick{margin-top:14px}.actions button,.primary{border-radius:10px;padding:12px;font-weight:bold}.actions button{background:linear-gradient(145deg,#65bf00,#007332);color:white}.actions button:nth-child(2){background:linear-gradient(145deg,#008bff,#0047a9)}.actions button:nth-child(3){background:linear-gradient(145deg,#ffb300,#db5800)}.actions button:nth-child(4){background:linear-gradient(145deg,#6eb500,#246600)}.actions i{display:block;margin:auto;font-size:26px}.mobile,#menu,#bottom{display:none}dialog{border:1px solid #cad8e7;border-radius:16px;padding:22px;width:min(430px,92vw);color:inherit}dialog::backdrop{background:#001a3b88}label{display:block;margin:10px 0;font-weight:600}input,select{width:100%;padding:9px;margin-top:4px;border:1px solid #b4c8d9;border-radius:6px}footer{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}#error{color:#a92716}.toolbar{margin:12px 0}.muted,.empty{color:#566e82;font-size:13px}.record{display:block;text-align:left;width:100%;padding:10px;border-bottom:1px solid #dde4ed}
@media(max-width:1000px){aside{width:165px}main{margin-left:165px;padding:10px}.pair,.lower{grid-template-columns:1fr 1fr}.metric{padding:10px}.job,.cols{font-size:12px}.metrics,.pair,.lower{gap:8px}header{gap:12px}}
@media(max-width:760px){header{height:84px;justify-content:space-between;padding:4px 14px 9px}header img{width:155px;height:65px}h1{position:absolute;right:12px;bottom:-10px;font-size:0;border:0;margin:0;z-index:1}h1 b{font-size:16px;letter-spacing:0}#today{display:none}#account{font-size:12px}#menu,.mobile{display:block}#menu{font-size:22px}aside{display:none;z-index:4;top:84px;bottom:59px;width:225px}aside.open{display:block}main{margin:0;padding:12px 12px 80px}.dashboard{display:flex;flex-direction:column;gap:12px}.pair,.lower{display:contents}.schedule{order:0}.quick{order:1;margin:0}.metrics{order:2;grid-template-columns:1fr 1fr}.chart{order:3}.stack{order:4}.sky{order:5}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions button{min-height:74px}.desktop,.cols{display:none}.job{grid-template-columns:57px 1fr 18px;grid-template-rows:auto auto;gap:0 7px;font-size:14px}.job time{grid-column:1;grid-row:1/3;background:#d6eeff;padding:5px;border-radius:6px;text-align:center;font-weight:bold}.job b,.job span{grid-column:2}.job:after{content:"›";grid-column:3;grid-row:1/3;color:green;font-size:24px}.job strong{display:none}#bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:white;border-top:1px solid #d7e1ed;z-index:5;padding:5px 0 max(5px,env(safe-area-inset-bottom))}#bottom button{font-size:11px}#bottom i{display:block;margin:auto}#bottom .active{color:green}article{padding:13px}h2{margin-bottom:9px}}
@media (min-width: 761px) {
  body {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 100px 1fr;
    min-height: 100vh;
  }
  header { grid-column: 1 / -1; }
  aside { position: static; overflow: visible; }
  main { margin-left: 0; }
}