/* Admin-specific presentation; authentication and data operations stay unchanged. */
.admin-page{background:var(--bg);color:var(--fg)}
.admin-shell{padding-top:28px}
.admin-topbar{background:none;backdrop-filter:none;padding-bottom:24px}
.admin-brand img,.login-logo{box-shadow:none;animation:none;border:1px solid var(--border-strong)}
.admin-brand h1{font-size:28px}.admin-brand p{font-size:11px}
.admin-heading{padding:36px 0 26px;align-items:center}.admin-heading h2{font-size:42px;font-weight:600}
.admin-heading p{font-size:13px}.admin-heading .kicker{color:var(--accent)}
.admin-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border-radius:6px;background:var(--bg-elev);border-color:var(--border-strong);color:var(--fg);box-shadow:none}
.admin-btn.primary,.admin-btn.primary:hover{background:var(--primary);color:var(--on-primary);box-shadow:none}
.stats-grid-admin{gap:16px}.admin-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:22px;box-shadow:none}
.admin-stat::before{display:none}.admin-stat-label{font-size:11px}.admin-stat-value{font-size:36px;color:var(--fg);font-weight:600;margin-top:10px}
.admin-stat:nth-child(2) .admin-stat-value{color:var(--green)}.admin-stat:nth-child(3) .admin-stat-value{color:var(--primary)}
.admin-toolbar{background:none;border:0;border-block:1px solid var(--border);border-radius:0;padding:18px 0;gap:12px}
.admin-control,.admin-search input{height:48px;background-color:var(--bg-card);border-color:var(--border-strong);border-radius:6px;color:var(--fg)}
.admin-control option,select.form-control option{background:var(--bg-card);color:var(--fg)}
.admin-items{gap:16px}.admin-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px;gap:18px;grid-template-columns:108px minmax(0,1fr)}
.admin-item:hover{border-color:var(--border-strong);box-shadow:none}
.admin-item-image{border-radius:6px;background:var(--bg-elev)}
.admin-item h3{font-size:25px;font-weight:600;line-height:1.1}.admin-item-price{font-size:15px;color:var(--accent)}
.admin-item-meta{font-size:10px;color:var(--fg-muted)}.admin-item-desc{font-size:12px;line-height:1.6}
.admin-item-head{flex-wrap:wrap}.admin-item-actions{flex-wrap:wrap;gap:12px}
.mini-btn{min-height:44px;min-width:44px;font-size:10px;background:var(--bg-elev);border-radius:6px;color:var(--fg)}
.availability{min-height:44px;gap:8px;font-size:10px}.availability-track{width:38px;height:22px;background:var(--bg-elev)}
.availability-track::after{width:16px;height:16px;background:var(--fg-muted)}
.availability input:checked+.availability-track{background:var(--stock-in);box-shadow:none}.availability input:checked+.availability-track::after{background:var(--green);transform:translateX(16px)}
.availability:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.login-wrap{min-height:100dvh;background:var(--bg);padding:24px}
.login-card{width:min(440px,100%);padding:36px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-2)}
.login-card::before{display:none}.login-card h1{font-size:40px;font-weight:600}.login-logo{width:72px;height:72px}
.login-card>p{font-size:13px;margin-bottom:28px}.login-card .login-note{font-size:11px;color:var(--fg-muted);margin-top:20px;margin-bottom:0}
.login-secure{font-size:9px;line-height:1.6;color:var(--fg-muted);text-align:center}.login-field label{font-size:11px}
.login-field input,.form-control{min-height:48px;background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;color:var(--fg);padding:12px}
.modal-backdrop{background:var(--overlay);backdrop-filter:blur(4px);padding:20px;overscroll-behavior:contain}
.admin-modal{width:min(650px,100%);max-height:calc(100dvh - 40px);background:var(--bg-card);border-color:var(--border-strong);border-radius:8px;box-shadow:var(--shadow-2);overscroll-behavior:contain}
.modal-head{position:sticky;top:0;z-index:3;background:var(--bg-card);padding:18px 24px}.modal-head h2{font-size:30px}.modal-close{width:44px;height:44px;border-radius:6px;color:var(--fg)}
.modal-body{padding:24px}.form-grid{gap:18px}.form-field{min-width:0}.form-label{font-size:11px}
select.form-control{background-color:var(--bg)}.form-field.full{grid-column:1/-1}
.size-price-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.size-price{color:var(--accent);font-size:12px}.size-price input{min-width:0;padding:12px 4px}
.modal-foot{position:sticky;bottom:0;background:var(--bg-card);padding:18px 24px;z-index:3}
.image-input-row{flex-wrap:wrap}.image-input-row input{flex:1 1 200px;min-width:0}.preview-image{width:64px;height:64px}
body:has(.modal-backdrop.show){overflow:hidden!important}
@media(max-width:1000px){.admin-items{grid-template-columns:1fr}.admin-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-search{grid-column:1/-1}}
@media(max-width:560px){
 .admin-shell{padding:20px 16px 48px}.admin-topbar,.admin-heading{flex-direction:column;align-items:flex-start;gap:16px}
 .admin-brand h1{font-size:26px}.admin-heading h2{font-size:36px}.admin-heading>.admin-btn{width:100%}
 .admin-top-actions{width:100%}.admin-top-actions .admin-btn{flex:1}.stats-grid-admin{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-stat{padding:16px}
 .admin-toolbar{grid-template-columns:1fr}.admin-search{grid-column:auto}
 .admin-item{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}.admin-item-image{width:76px;height:90px}.admin-item h3{font-size:23px}
 .admin-item-actions{align-items:flex-start;flex-direction:column}.item-action-group{gap:8px}
 .login-card{padding:28px 22px}.login-card h1{font-size:36px}.modal-backdrop{padding:10px}
 .admin-modal{max-height:calc(100dvh - 20px)}.modal-body,.modal-head,.modal-foot{padding:16px}.form-grid{grid-template-columns:1fr}
 .size-price-row{gap:6px}.size-price{font-size:11px}.modal-foot .admin-btn{flex:1}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Login success animation */
.login-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at center,oklch(.18 .03 25),oklch(.08 .01 30));opacity:0;transition:opacity .35s ease}
.login-loader.show{opacity:1}
.login-loader[hidden]{display:none}
.ll-ring{width:110px;height:110px;border-radius:50%;padding:5px;background:conic-gradient(oklch(.83 .12 85),oklch(.63 .225 20),transparent 70%);animation:llSpin 1s linear infinite}
.ll-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;animation:llSpin 1s linear infinite reverse;border:3px solid oklch(.1 .01 30)}
.ll-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:oklch(.9 .1 85);margin-top:14px;animation:llUp .6s ease both}
.ll-sub{font-size:13px;color:oklch(.8 0 0 / .7);letter-spacing:.1em;animation:llUp .6s .1s ease both}
.ll-bar{width:180px;height:3px;border-radius:3px;background:oklch(1 0 0 / .1);overflow:hidden;margin-top:8px}
.ll-bar span{display:block;height:100%;background:linear-gradient(90deg,oklch(.63 .225 20),oklch(.83 .12 85));animation:llFill 1.6s ease forwards}
@keyframes llSpin{to{transform:rotate(360deg)}}
@keyframes llUp{from{opacity:0;transform:translateY(10px)}}
@keyframes llFill{from{width:0}to{width:100%}}

/* ===== Admin v6 polish ===== */
body.admin-page{background:radial-gradient(900px 520px at 85% -10%,oklch(.63 .225 20 / .11),transparent 60%),radial-gradient(760px 460px at -8% 38%,oklch(.83 .12 85 / .07),transparent 55%),var(--bg);background-attachment:fixed}
.admin-topbar{border-bottom:1px solid oklch(.9 .03 70 / .14)}
.admin-brand img{border-radius:50%;border:1px solid oklch(.83 .12 85 / .4)}
.admin-brand h1{font-family:'Cormorant Garamond',serif;letter-spacing:.02em}
.admin-heading h2{font-family:'Cormorant Garamond',serif;letter-spacing:.01em}
.admin-btn{border-radius:8px;letter-spacing:.1em}
.admin-btn.primary{background:linear-gradient(135deg,oklch(.66 .23 22),oklch(.55 .22 15));border-color:transparent;box-shadow:0 10px 26px -12px oklch(.63 .225 20 / .65)}
.admin-btn.primary:hover{background:linear-gradient(135deg,oklch(.7 .23 22),oklch(.58 .22 15))}
.admin-btn.danger:hover{border-color:oklch(.7 .2 15);color:oklch(.78 .16 15)}
.admin-stat{background:linear-gradient(150deg,oklch(.21 .02 30),oklch(.155 .014 30));border-color:oklch(.9 .03 70 / .15);border-radius:10px;box-shadow:0 14px 34px -22px oklch(0 0 0 / .8);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s}
.admin-stat:hover{transform:translateY(-3px);border-color:oklch(.83 .12 85 / .35)}
.admin-stat-label{letter-spacing:.18em}
.admin-stat-value{font-family:'Cormorant Garamond',serif;font-weight:700}
.admin-control,.admin-search input{border-radius:8px}
.admin-search input:focus,.admin-control:focus{border-color:oklch(.63 .225 20);box-shadow:0 0 0 3px oklch(.63 .225 20 / .18)}
.admin-item{background:linear-gradient(150deg,oklch(.19 .016 30),oklch(.148 .012 30));border-radius:12px;box-shadow:0 12px 30px -22px oklch(0 0 0 / .9)}
.admin-item-image{border-radius:8px;border-color:oklch(.9 .03 70 / .12)}
.admin-item h3{font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.01em}
.admin-item-price{font-size:16px;letter-spacing:.02em}
.mini-btn{border-radius:8px}
.availability-track{border-radius:20px}
.admin-empty{background:oklch(1 0 0 / .02)}
.admin-modal{border-radius:14px;background:linear-gradient(180deg,oklch(.17 .016 30),oklch(.14 .012 30))}
.modal-head h2{font-family:'Cormorant Garamond',serif;font-size:26px}
.modal-close{border-radius:8px}
.form-control,.mini-btn{border-radius:8px}
.mini-btn{transition:border-color .25s,color .25s,background .25s}
.mini-btn:hover{background:oklch(1 0 0 / .04)}
.preview-image{border-radius:8px}
/* Login screen polish */
.login-wrap{background:radial-gradient(1000px 600px at 50% -20%,oklch(.63 .225 20 / .16),transparent 62%),radial-gradient(820px 520px at 88% 112%,oklch(.83 .12 85 / .09),transparent 58%),var(--bg)}
.login-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:oklch(.165 .016 30 / .82);border-radius:18px}
.login-card h1{font-family:'Cormorant Garamond',serif;letter-spacing:.02em}
.login-field input{border-radius:10px}
.login-field input:focus{box-shadow:0 0 0 3px oklch(.63 .225 20 / .18)}
/* Password show / hide toggle */
.pw-wrap{position:relative}
.pw-wrap input{padding-right:48px}
.pw-toggle{position:absolute;right:6px;top:50%;translate:0 -50%;width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:var(--fg-muted);border-radius:9px;cursor:pointer;transition:color .2s,background .2s}
.pw-toggle:hover{color:var(--accent);background:oklch(.83 .12 85 / .08)}
.pw-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pw-toggle .pw-eye{display:block}
.pw-toggle .pw-eye-line{display:none}
.pw-toggle.showing .pw-eye-line{display:block}
@media (prefers-reduced-motion:reduce){.pw-toggle,.admin-stat{transition:none}}