:root{--deep:#123e70;--ink:#173c59;--aqua:#087e97;--paper:#eaf3fa;--sky:#d4edf5;--line:#bed5e6;--muted:#4d687b}
body{background:linear-gradient(145deg,#daeafa,#eff8fb 65%,#ccece9);background-attachment:fixed}
.top{background:#103860;color:#fff;border-bottom:3px solid #eda744}
.brand span{color:#cde7f5}.top .logo{background:#fff;border-radius:12px;padding:4px;width:78px;height:56px}
.welcome{margin-bottom:16px;padding:22px;border-radius:22px;background:linear-gradient(120deg,#124679,#087e97);color:white;box-shadow:0 8px 25px #123e701a}
.welcome span{color:#e0f3ff}.welcome h1{font-size:25px}
.card{border-top:3px solid #359cb7}.metric{background:#f0f8ff;border-top:4px solid #278ca9}.metric:nth-child(3n+2){background:#eef9f5;border-top-color:#378b73}.metric:nth-child(3n){background:#fff8eb;border-top-color:#dda044}
.primary{background:#164b80;color:#fff}.soft{background:#d5edf6;color:#123e70}.outline{border-color:#9dbdd4}
.bottom{background:#103860;border-top:3px solid #eda744}.bottom button,.bottom button b{color:#eff8ff}.bottom button:hover,.bottom button:focus-visible{background:#235880;border-radius:10px}
.equipment{background:linear-gradient(120deg,#fff,#e6f4fc)}.sectionHead h2{color:#123e70}.status{background:#eaf7f3}
.login{background:radial-gradient(circle at 85% 5%,#218ea7,transparent 48%),linear-gradient(145deg,#123e70,#082c4c)}.loginbox{border-top:6px solid #eda744}
#filters .passport-shop-head{background:#123e70;color:white;padding:20px;border-radius:20px}#filters .passport-shop-head .shop-kicker{color:#d7ecff}
#filters .passport-product{border-top:5px solid #218ca6;background:linear-gradient(145deg,#fff,#eaf7fc)}#filters .passport-friends{border-top-color:#dda044;background:#fff8eb}
.btn:focus-visible,.bottom button:focus-visible{outline:3px solid #d98c18;outline-offset:3px}