/* EasyPrintQR reference-inspired UI layer: safe, additive, responsive */
:root{--epr-navy:#071b3a;--epr-navy-2:#0c2f63;--epr-blue:#1677ff;--epr-cyan:#16c8f5;--epr-ink:#102749;--epr-muted:#7890ad;--epr-line:#d9e7f6;--epr-surface:#f4f8ff;--epr-shadow:0 18px 55px rgba(12,55,110,.12)}
html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f3f8ff 0%,#fff 46%,#eef7ff 100%);color:var(--epr-ink)}
body:before{content:"";position:fixed;inset:auto -160px -220px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(22,200,245,.12),transparent 68%);pointer-events:none;z-index:-1}
.navbar,.admin-top{background:linear-gradient(110deg,#071b3a,#103e7b 60%,#087fae)!important;border-bottom:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 28px rgba(5,35,78,.18);color:#fff}
.logo,.navbar .logo,.brand{color:#fff!important;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.logo img,.brand img{filter:drop-shadow(0 0 9px rgba(91,232,255,.6));max-height:54px;width:auto}.logo{font-weight:800;letter-spacing:-.5px}
.navbar a:not(.btn):not(.btn-block),.admin-top a{color:#e9f8ff!important}
.card,.stat-card,.plan-card,.shop-card,.orders-table,.upload-box,.panel,.form-wrap,.qr-box,.print-controls,.pricing-grid>*,.plan-form-grid>*{border-color:var(--epr-line)!important;box-shadow:var(--epr-shadow);border-radius:20px}
.card,.stat-card,.plan-card,.shop-card,.panel,.upload-box{background:linear-gradient(180deg,#fff,#f8fbff)!important}
.card:hover,.stat-card:hover,.plan-card:hover,.shop-card:hover{transform:translateY(-3px);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 24px 60px rgba(12,55,110,.16)}
button,.btn,.btn-block,.btn-pink,.btn-purple,.btn-dark,.btn-outline,.btn-outline-pink{border-radius:12px!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
button:hover,.btn:hover,.btn-block:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 10px 26px rgba(22,119,255,.22)}
.btn,.btn-block,.btn-pink{background:linear-gradient(100deg,#126cf4,#12bce8)!important;color:#fff!important;border:0!important}.btn-purple{background:linear-gradient(100deg,#5d45e8,#9a62ff)!important;color:#fff!important;border:0!important}.btn-dark{background:linear-gradient(100deg,#102749,#214d83)!important;color:#fff!important}
.btn-outline,.btn-outline-pink{border:1px solid rgba(116,218,255,.65)!important;background:rgba(255,255,255,.08)!important;color:inherit!important}
input,select,textarea{border:1px solid #d5e3f2!important;border-radius:12px!important;background:#f8fbff!important;color:#173452!important;transition:border-color .2s,box-shadow .2s,background .2s!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#2195ff!important;box-shadow:0 0 0 4px rgba(33,149,255,.12)!important;background:#fff!important}
label{color:#35516f!important;font-weight:700}
h1,h2,h3,h4{letter-spacing:-.7px}h1 span,h2 span{color:#0e79cf}
.sidebar{background:linear-gradient(180deg,#06182f,#0a2e5e 60%,#073d70)!important;box-shadow:12px 0 35px rgba(5,35,78,.15);border-right:1px solid rgba(255,255,255,.12)!important}.sidebar a{border-radius:10px!important;color:#d7eaff!important}.sidebar a:hover,.sidebar a.active{background:linear-gradient(100deg,#126cf4,#12bce8)!important;color:#fff!important;box-shadow:0 8px 22px rgba(18,108,244,.24)}
.stat-grid,.stat-grid-2,.stat-grid-3{gap:18px!important}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(22,200,245,.18),transparent 68%);pointer-events:none}
.orders-table table,table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:14px}th{background:#eaf4ff!important;color:#284b73!important}td,th{border-bottom:1px solid #e6eef8!important}tr:hover td{background:#f5faff!important}
.badge-row,.tag,.status-chip,.status-pill{border-radius:999px!important}.status-chip.online,.status-pill.online{box-shadow:0 0 0 4px rgba(22,200,145,.1)}
.workflow .flow,.steps>*,.step{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:15px}
footer,.footer{background:linear-gradient(120deg,#061a38,#0b3972 58%,#087da7)!important;color:#e8f7ff!important;border-top:1px solid rgba(255,255,255,.12)!important}.footer a,footer a{color:#c9efff!important}.footer a:hover,footer a:hover{color:#fff!important;text-decoration:underline}
@keyframes eprPulse{0%,100%{box-shadow:0 0 0 0 rgba(22,200,245,.22)}50%{box-shadow:0 0 0 10px rgba(22,200,245,0)}}.live,.online,.system-online{animation:eprPulse 2.4s infinite}
@media(max-width:900px){.navbar{padding-inline:16px!important}.admin-top{flex-wrap:wrap}.card,.stat-card,.plan-card,.panel{border-radius:16px}.logo img{max-height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}