:root,.courier-app{--green:#087f9d;--ink:#163b4c;--muted:#748994;--line:#e2edf2;--bg:#f4f9fc;--cyan:#08b9dc}
.button{background:var(--green);border-color:var(--green)}
.button:hover,.courier-app .button:hover{background:#076a85;border-color:#076a85}
.button.secondary:hover,.courier-app .button.secondary:hover{background:#edfaff;border-color:#b9e9f3}
nav a.selected{background:#e5f7fc;color:#087f9d}.courier-app nav a.selected{color:#078dac}
.logo-mark{background:linear-gradient(145deg,#16c6e6,#0789b4);box-shadow:0 5px 13px #05a7d51b}.logo-mark span{color:#c5f7ff}
.logo>span:last-child{margin-left:3px}.avatar{background:#e2f5fb;color:#25809b}
input:focus,select:focus{outline-color:#36b5d2}a:focus-visible,button:focus-visible,.terminal-radio:focus-visible+.terminal-choice{outline-color:#20b6d4}
.terminal-radio:checked+.terminal-choice{border-color:#09a2c7;background:#f0fbff}
.hero{background:linear-gradient(115deg,#e4f7fc,#effaff);border-color:#d9eef6}.hero-label,.eyebrow{color:#488ea5}.hero p{color:#658c9c}.hero a{color:#087f9d}
.orbit{border-color:#cce9f2}.device{background:#22566e;box-shadow:13px 19px 25px #087d9a20}.keys i{background:#709aaa}
.green{background:#e2f6fc;color:#1788a5}.footnote,.integration{background:#f0f9fc}.footnote p{color:#668997}.footnote strong{color:#36778e}
.steps li:before{background:#e5f7fc;color:#087f9d}.empty>svg{background:#eaf8fc;color:#168ba6}
.delivery-heading{background:linear-gradient(130deg,#0492b9,#17c9e7)}.delivery-heading>p{color:#def9ff}.available .terminal-hint{color:#168da8}
.brand-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 53% 50%,#7ae8ff90 0%,transparent 47%),linear-gradient(145deg,#058bb7 0%,#11badc 52%,#0698c4 100%);padding:35px 45px;gap:28px;min-height:100vh;color:white}
.brand-story:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;border:1px solid #d9fbff35;border-radius:50%;left:-260px;top:-240px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff04}
.brand-story:after{content:"";position:absolute;z-index:-1;width:390px;height:390px;border:1px solid #d9fbff30;border-radius:50%;right:-270px;bottom:-140px;box-shadow:0 0 0 60px #ffffff06}
.brand-story .logo{color:white;font-size:24px}.brand-story .logo-mark{background:#ffffff20;border:1px solid #ffffff38;box-shadow:none}
.brand-story .eyebrow{color:#d1f7ff;font-size:9px;letter-spacing:2.5px;margin:0 0 17px}
.brand-story .login-showcase{text-align:center;display:block;width:100%;margin:auto}
.brand-story h1{font-size:46px;letter-spacing:-1.7px;color:white;line-height:1.12;margin:0;font-weight:650}
.brand-story h1>span{display:block;font-size:21px;font-weight:400;letter-spacing:-.4px;line-height:1.4;margin:10px 0 0}
.brand-story .login-showcase>p{color:#e1faff;font-size:13px;line-height:1.7;max-width:none;margin:5px 0 0}
.brand-story>small{color:#cef4fe;text-align:center;font-size:10px}
.login-terminal{height:325px;position:relative;display:flex;align-items:center;justify-content:center;margin:15px 0 9px}
.login-terminal>img{position:relative;width:200px;height:300px;object-fit:contain;transform:rotate(-11deg);filter:drop-shadow(14px 22px 15px #00516c55);z-index:1}
.terminal-halo{position:absolute;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle,#d3fbff90,#90efff20 60%,transparent 72%);box-shadow:0 0 90px 25px #bcf7ff45;border:1px solid #d4faff45}
.terminal-float{position:absolute;z-index:2;right:5%;bottom:49px;display:flex;gap:8px;align-items:center;color:#17778e;background:#ffffffed;padding:11px 15px;border:1px solid white;border-radius:12px;font-size:11px;box-shadow:0 12px 30px #007ca625;transform:rotate(3deg)}
.terminal-float svg{width:19px;height:19px;background:#def7fc;border-radius:50%;padding:3px}
.auth-content{max-width:510px;padding:40px}.auth-content>.eyebrow{color:#188caa}.auth-content h1{color:#193e50}.auth-content .button:not(.secondary){background:linear-gradient(110deg,#0798bd,#0782a5);border-color:#078aaa;box-shadow:0 5px 16px #0798bd1a}.auth-content .button:not(.secondary):hover{background:#086e8c}
.auth-content form{margin-top:18px}.auth-content .divider{margin-top:21px}
@media(min-width:1500px){.brand-story h1{font-size:54px}.login-terminal{height:390px}.login-terminal>img{width:240px;height:360px}.terminal-halo{width:295px;height:295px}.terminal-float{right:12%}}
@media(max-width:900px){.brand-story{padding:30px 25px}.brand-story h1{font-size:37px}.brand-story h1>span{font-size:18px}.terminal-float{right:0;font-size:10px;padding:9px 11px}.auth-content{padding:35px 25px}}
@media(max-width:680px){.brand-story{min-height:0;padding:23px 24px 21px;gap:20px}.brand-story .logo{font-size:21px}.brand-story .login-showcase{display:block;text-align:left;position:relative;min-height:142px;padding:12px 100px 0 0}.brand-story .eyebrow{font-size:7px;letter-spacing:1px;max-width:180px;margin-bottom:10px}.brand-story h1{font-size:29px;letter-spacing:-.8px}.brand-story h1>span{font-size:16px;line-height:1.4;margin-top:7px;max-width:195px}.brand-story .login-showcase>p,.brand-story>small{display:none}.login-terminal{position:absolute;right:-16px;top:0;width:130px;height:157px;margin:0}.login-terminal>img{width:105px;height:157px}.terminal-halo{width:105px;height:105px;box-shadow:0 0 40px 10px #bcf7ff35}.terminal-float{display:none}.auth-content{padding:30px 25px}.auth-content h1{font-size:25px}}
.shell{min-height:100vh;background:radial-gradient(ellipse at 70% 5%,#e3fbffcc 0%,transparent 49%),radial-gradient(ellipse at 0% 55%,#82dbf140,transparent 55%),linear-gradient(140deg,#c7edf8 0%,#eaf8fc 48%,#bde9f5 100%);background-attachment:fixed}
.courier-app{background:#d8f1fa}.courier-app .shell{background:radial-gradient(ellipse at 75% 5%,#e6fcffdf,transparent 50%),linear-gradient(145deg,#c5edf9,#ecf9fd 50%,#b9e7f5);background-attachment:fixed}
.shell .topbar{background:#ffffffed}.shell .panel,.shell .stat{background:#fff;box-shadow:0 6px 25px #1385a309}
.shell .page-heading p{color:#496f82}.shell .eyebrow{color:#37758c}
.shell .collection-tile .terminal-choice{background:#fff}.shell .terminal-radio:checked+.terminal-choice{background:#effbff}.shell .terminal-radio:disabled+.terminal-choice{background:#f4f8fa}
.shell .collection-status,.shell .delivery-demo{color:#52758a}
.dashboard-filters{display:flex;align-items:flex-end;gap:18px;padding:20px 24px;flex-wrap:wrap}
.dashboard-filters label{flex:1;min-width:180px;margin:0;font-size:12px}.dashboard-filters select{margin-top:7px}
.dashboard-filters .text-link{min-height:44px;display:flex;align-items:center}
.dashboard-live{display:flex;justify-content:space-between;gap:12px;margin:20px 0 0;color:#386c81;font-size:11px;flex-wrap:wrap}
.dashboard-live .live-dot{background:#069fbd;box-shadow:0 0 0 4px #0aacca13}
.dashboard-stats{margin-top:15px}.dashboard-time{font-size:10px;color:#738d9a;white-space:nowrap}
.dashboard-note{font-size:11px;color:#51758a;margin:20px 0;line-height:1.7}
@media(max-width:680px){.dashboard-filters{padding:18px;gap:14px}.dashboard-filters label{min-width:100%}.dashboard-time{white-space:normal;text-align:right;max-width:115px}.dashboard-live{font-size:10px}.dashboard-stats .stat>strong{font-size:21px}}