:root{--bg: #eef1f6;--paper: #ffffff;--ink: #121827;--muted: #5a6375;--line: #d8deeb;--brand: #0b5fff;--brand-2: #00a88f;--danger: #d1435b;--ok: #167f59;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% 0%,rgba(11,95,255,.17),transparent 36%),radial-gradient(circle at 100% 0%,rgba(0,168,143,.19),transparent 45%),var(--bg)}button,input,textarea,select{font:inherit}.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;padding:20px}.mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(86,96,114,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,96,114,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.35}.login-card{width:min(420px,100%);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 22px 60px #1218272e;position:relative;z-index:2}.login-card h1{margin:0;font-size:30px;letter-spacing:-.03em}.login-card p{color:var(--muted)}.login-card input{width:100%;margin-top:8px}.login-card button{width:100%;margin-top:16px}.error{margin-top:10px;color:var(--danger)}.admin-shell{height:100vh;display:grid;grid-template-columns:280px 1fr;overflow:hidden}.mobile-nav-toggle,.mobile-backdrop,.mobile-sidebar-head{display:none}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#10182d,#11172a 50%,#0d1424);color:#dbe5ff;border-right:1px solid rgba(255,255,255,.08);padding:16px 14px;display:flex;flex-direction:column;gap:16px;transition:width .22s ease}.sidebar.collapsed{width:74px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-item span{display:none}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px}.brand-copy span{color:#dbe5ffbf;font-size:12px}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#e9efff;display:inline-flex;align-items:center;justify-content:center}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:inline-flex;align-items:center;gap:10px;width:100%;border-radius:12px;border:1px solid transparent;background:transparent;color:#dbe5ff;padding:11px 12px;justify-content:flex-start;transition:all .2s ease}.nav-item:hover{background:#ffffff14}.nav-item.active{background:linear-gradient(135deg,#0b5fffeb,#00a88fd9);color:#fff;box-shadow:0 10px 18px #00256159}.nav-item.logout{margin-top:auto;color:#ffdce2;background:#d1435b1f;border-color:#d1435b52}.main-pane{height:100vh;overflow-y:auto;padding:18px;position:relative}.main-pane:before,.main-pane:after{content:"";position:fixed;pointer-events:none;z-index:0;width:280px;height:280px;border-radius:50%;filter:blur(50px);opacity:.2}.main-pane:before{top:-70px;right:-40px;background:#4f8dff}.main-pane:after{bottom:-90px;left:-40px;background:#0db298}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;position:relative;z-index:1}.topbar h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:3px 0 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}.actions{display:flex;gap:8px}.loading-bar{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));margin-bottom:14px;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;position:relative;z-index:1}.card{grid-column:span 3;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 24px #0f1b3114;min-width:0;transform-origin:top center;animation:cardEnter .45s ease both}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(n+5){animation-delay:.16s}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.card.wide{grid-column:span 12}.card.stat h3{margin:0 0 6px;color:var(--muted);font-weight:500;font-size:13px}.card.stat strong{font-size:24px}.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-full{grid-column:1 / -1}input,textarea,select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%}button{border:1px solid transparent;border-radius:10px;padding:10px 12px;background:var(--brand);color:#fff;cursor:pointer}button.ghost{background:#edf4ff;border-color:#cddafb;color:#123f93}button.danger{background:#ffeef1;border-color:#f7c4cf;color:#8f273a}button:disabled{opacity:.6;cursor:not-allowed}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;max-width:100%}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;font-size:12px;padding:4px 10px;background:#f1f4fa}.badge.pending{background:#fff2d8;color:#855a01}.badge.paid,.badge.delivered{background:#ddf3e8;color:#0e5a36}.badge.expired,.badge.failed,.badge.cancelled{background:#fbe2e6;color:#8e1f30}.hint{color:var(--muted);margin:8px 0}.row-actions{display:flex;gap:6px}.file-upload{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;color:var(--muted);background:#f8fbff;display:inline-flex;align-items:center;justify-content:space-between;gap:10px}.file-upload input[type=file]{border:none;padding:0;background:transparent}.preview-image{width:140px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.table-thumb{width:56px;height:36px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:90px 1fr 180px;gap:10px;align-items:center}.bar-label{font-size:13px;color:var(--muted)}.bar-track{height:10px;border-radius:999px;background:#e7edf8;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.bar-value{text-align:right;font-size:12px;color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-item{border:1px solid var(--line);background:#fafcff;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between}.broadcast-result{margin-top:14px;border:1px solid #cde2f8;background:#f4f9ff;border-radius:10px;padding:12px}.broadcast-result strong{display:block;margin-bottom:6px}.broadcast-result p{margin:2px 0;color:var(--muted)}.users-head{justify-content:space-between}.user-search{width:min(340px,100%)}.stock-template-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.stock-template-help{margin:0 0 8px}.stock-file-upload{margin-bottom:8px}.pager-row{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.pager-row span{font-size:12px;color:var(--muted);font-weight:700}.status-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.status-title{margin:0 0 8px;font-size:14px;color:var(--muted)}.status-list{display:flex;flex-direction:column;gap:7px}.status-pill{display:flex;align-items:center;justify-content:space-between;border-radius:10px;border:1px solid var(--line);padding:8px 10px;background:#f9fbff}.status-pill.ok{border-color:#bfe4d3;background:#edf9f3;color:#14553b}.status-pill.bad{border-color:#f5ccd4;background:#fff3f5;color:#8a2538}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:900px){body.mobile-nav-locked{overflow:hidden}.admin-shell{grid-template-columns:1fr;overflow:visible;height:auto}.mobile-nav-toggle{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:10px;margin:0;width:100%;justify-content:flex-start;border:none;border-bottom:1px solid rgba(255,255,255,.26);border-radius:0;background:linear-gradient(95deg,#15336a,#1f67c6 55%,#179f95);box-shadow:0 6px 14px #08122840;padding:12px 14px}.mobile-nav-toggle.is-open{box-shadow:0 6px 14px #08122840}.mobile-nav-toggle__icon{width:34px;height:34px;border-radius:9px;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22)}.mobile-nav-toggle__copy{display:flex;flex-direction:column;line-height:1.1}.mobile-nav-toggle__copy strong{font-size:16px;color:#fff;letter-spacing:.01em}.mobile-nav-toggle__copy small{font-size:12px;color:#ffffffd9}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;display:block;border:none;background:#060a1394;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:0;padding:0}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:70;width:min(84vw,320px);height:100vh;transform:translate(-102%);transition:transform .24s ease;border-right:1px solid rgba(255,255,255,.12);border-radius:0;box-shadow:18px 0 36px #060a126b;padding-top:14px;overflow:hidden auto}.sidebar.open{transform:translate(0);animation:drawerIn .26s ease}.sidebar.collapsed{width:min(86vw,320px)}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-item span{display:flex}.mobile-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-sidebar-head strong{display:block;font-size:14px;color:#f7faff}.mobile-sidebar-head span{font-size:11px;color:#dbe5ffb8}.brand-wrap .icon-btn{display:none}.mobile-sidebar-head .icon-btn{display:inline-flex}.nav-list{flex-direction:column;overflow:visible}.nav-item{width:100%;white-space:nowrap;border-color:#ffffff0f;background:#ffffff05;font-weight:500;letter-spacing:.01em;position:relative;overflow:hidden}.nav-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,rgba(255,255,255,.18),transparent 45%);transform:translate(-110%);transition:transform .35s ease}.nav-item:active:after{transform:translate(0)}.nav-item.active{box-shadow:inset 0 0 0 1px #fff3,0 10px 24px #040c1c59}.nav-item.logout{margin-top:auto}.main-pane{height:auto;overflow:visible;padding:10px 12px 12px}.main-pane:before,.main-pane:after{width:200px;height:200px;opacity:.24}.card{grid-column:span 12}.form-grid,.status-check-grid,.bar-row{grid-template-columns:1fr}.bar-value{text-align:left}.status-grid{grid-template-columns:1fr 1fr}.topbar{flex-direction:column;align-items:flex-start}.actions,.actions button{width:100%}.users-head{flex-direction:column;align-items:stretch}.pager-row{justify-content:space-between;flex-wrap:wrap}.user-search{width:100%}}@keyframes drawerIn{0%{transform:translate(-102%) scale(.985);opacity:.88}to{transform:translate(0) scale(1);opacity:1}}@keyframes liftIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.status-grid{grid-template-columns:1fr}.topbar h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.card,.mobile-nav-toggle,.sidebar.open,.loading-bar{animation:none!important}.nav-item,.mobile-nav-toggle,.sidebar{transition:none!important}}