:root{--sun-sky:#73c9f4;--sun-sky-deep:#48afe9;--sun-panel:rgba(232,248,255,.88);--sun-panel-strong:rgba(242,251,255,.94);--sun-line:rgba(63,154,208,.24);--sun-ink:#145b8d;--sun-muted:#4f82a5;--sun-blue:#2499e5;--sun-pink:#ff6aa1;--sun-yellow:#ffd257;--sun-mint:#3ec99d;--sun-purple:#836eea}
html{background:var(--sun-sky)}
body{background:linear-gradient(180deg,#70c8f5 0%,#9edcff 48%,#dff5ff 100%);color:var(--sun-ink);background-attachment:fixed}
body:before{height:7px;background:linear-gradient(90deg,var(--sun-pink) 0 21%,var(--sun-yellow) 21% 40%,var(--sun-mint) 40% 60%,#48b4f0 60% 82%,var(--sun-purple) 82%)}
.sky-layer{display:block;opacity:1}.cloud{background:rgba(255,255,255,.88);filter:drop-shadow(0 14px 24px rgba(31,128,184,.12))}.rainbow-bg{opacity:.46}
.shell{width:min(1220px,calc(100% - 34px))}.nav{height:82px}.logo{color:#114f7d}.logo-mark{border-color:rgba(255,255,255,.84);background:rgba(241,251,255,.94);box-shadow:0 10px 24px rgba(37,124,176,.13)}.logo strong{color:#124f7c}.logo small{color:#4c83a6}.nav-link,.logout{border-color:rgba(255,255,255,.86);background:rgba(241,250,255,.72);color:#216c9f;backdrop-filter:blur(14px)}
.login-grid{grid-template-columns:1.06fr .78fr;gap:72px}.hero-copy h1{color:#125786;text-shadow:0 3px 0 rgba(255,255,255,.26)}.hero-copy h1 em{color:#fff;text-shadow:0 3px 0 rgba(31,122,177,.2),0 14px 34px rgba(24,119,178,.16)}.hero-copy>p{color:#356f98}.eyebrow{color:#176ca5}.feature-row{border-color:rgba(255,255,255,.9);background:rgba(235,249,255,.72);box-shadow:0 18px 42px rgba(35,123,177,.13);backdrop-filter:blur(15px)}.feature-row div{border-color:var(--sun-line)}.feature-row b{color:var(--sun-blue)}.feature-row span{color:#4d7898}
.glass{border-color:rgba(255,255,255,.9);background:var(--sun-panel);box-shadow:0 24px 62px rgba(25,111,168,.16);backdrop-filter:blur(20px) saturate(125%)}.login-card{background:rgba(239,250,255,.9)}.login-card h2{color:#125786}.login-card>p{color:#58809c}.panel-kicker{color:var(--sun-purple)}
.input-wrap{border-color:#b9dff3;background:rgba(255,255,255,.94)}.input-wrap input{color:#175b87}.input-wrap:focus-within{border-color:var(--sun-blue);box-shadow:0 0 0 4px rgba(36,153,229,.13)}.primary{background:var(--sun-blue)}.primary:hover{background:#1687d2}.secondary{border-color:#b9dff3;background:rgba(255,255,255,.72);color:#286f9e}.tutorial-link,.tutorial-chip{border-color:#b9dff3!important;background:rgba(255,255,255,.68)!important;color:#6254c8!important}.pet-pony{display:block;width:142px;height:142px}.pet-bunny{display:block;width:96px;height:96px}.pet-bird{display:block;width:78px;height:78px}
.scan-welcome-card{min-height:154px;border-color:rgba(255,255,255,.9);background:linear-gradient(120deg,rgba(237,250,255,.92),rgba(219,244,255,.8));box-shadow:0 18px 45px rgba(25,111,168,.15);backdrop-filter:blur(17px)}.scan-welcome-card h1{color:#125786}.workspace-head p{color:#4d7e9f}.scan-welcome-card:after{display:block;right:45px;bottom:-86px;opacity:.56}.workspace-mascot{width:148px;height:148px;right:20px}.chip{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.7);color:#4c7797}.chip strong{color:#176ca5}
.scanner-card,.info-card{background:var(--sun-panel-strong);border-color:rgba(255,255,255,.9)}.mode-tabs{background:rgba(87,177,226,.18)}.mode-tabs button{color:#4e7694}.mode-tabs button.active{background:#145b8d}.video-frame{border-color:rgba(255,255,255,.94);background:#dff4ff}.upload-zone{border-color:#83c7eb;background:rgba(243,252,255,.66)}.status{border-color:#acd7ed;background:rgba(241,251,255,.82);color:#3d7094}.expiry-box{border-color:#b9dff3;background:rgba(255,255,255,.72)}.expiry-value{color:#125786}.expiry-title,.expiry-row{color:#5d839d}
.admin-shell{width:min(1400px,calc(100% - 30px))}.admin-title h1{color:#125786}.admin-title p{color:#4f7d9c}.admin-jump-nav{border-color:rgba(255,255,255,.92);background:rgba(235,249,255,.82);box-shadow:0 13px 32px rgba(29,116,171,.13);backdrop-filter:blur(18px)}.admin-jump-nav a{background:rgba(255,255,255,.72);color:#216b9b}.admin-jump-nav a:hover{background:#145b8d}.admin-jump-nav span{color:#5f83a0}
.stat{border-color:rgba(255,255,255,.92);background:rgba(232,248,255,.86);box-shadow:0 14px 34px rgba(29,116,171,.11);backdrop-filter:blur(15px)}.stat:hover{box-shadow:0 14px 34px rgba(29,116,171,.11)}.stat span,.stat small{color:#57809d}.stat strong{color:#125786}.admin-panel{border-color:rgba(255,255,255,.92);background:rgba(227,246,255,.9);box-shadow:0 18px 44px rgba(29,116,171,.14);backdrop-filter:blur(18px)}.section-head h2{color:#125786!important}.section-head p{color:#56809e!important}
.field input,.bulk-toolbar select,.history-search input,.card-filter-bar input{border-color:#aad5eb!important;background:rgba(255,255,255,.9)!important;color:#1d5e88!important}.card-edit-panel{border-color:#abd8ed;background:rgba(238,250,255,.78)}.new-codes{border-color:#9fdfcb;background:rgba(224,252,243,.84)}
.table-wrap{border-color:#acd5ea;background:rgba(241,251,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.8)}th{background:rgba(213,239,252,.96);color:#306f99}td{border-color:rgba(105,177,216,.17);color:#286589}tbody tr{background:rgba(248,253,255,.58)}tbody tr:nth-child(even){background:rgba(232,247,255,.58)}tbody tr:hover{background:rgba(210,239,253,.78)}td code{color:#17679c}.url,.history-result{color:#59809b}.history-summary div{border-color:#abd6eb!important;background:rgba(241,251,255,.75)!important}.history-summary strong{color:#125786!important}.binding-count{color:#216ca0!important;background:rgba(216,242,255,.85)!important}
.admin-login .glass{background:rgba(235,249,255,.92)}.admin-login h1{color:#125786}.admin-login p{color:#57809d}
footer{color:#3e769c}
@media(max-width:1000px){.login-grid{grid-template-columns:1fr}.scanner-grid{grid-template-columns:1fr}.admin-shell{width:min(100% - 22px,1400px)}}
@media(max-width:640px){body{background:linear-gradient(180deg,#79cdf6 0,#c4ebff 64%,#eaf9ff 100%)}.shell{width:min(100% - 18px,1220px)}.login-grid{gap:24px}.hero-copy h1{font-size:42px}.hero-copy h1 em{color:#fff}.feature-row{display:grid}.pet-pony,.pet-bunny,.pet-bird{display:none}.scan-welcome-card{padding-bottom:120px}.admin-panel{padding:13px}.stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.cloud{animation:none!important}}