:root{--page:#f5f6fb;--surface-soft:#eef0f7;--ink:#20263b;--muted:#626b82;--line:#e1e5ef;--brand:#6941c6;--brand-hover:#5332a6;--brand-soft:#f1ebff;--gold:#865a20;--footer:#171b2d}
body{background:radial-gradient(ellipse at 10% 0%,#ede7ff 0,transparent 35%),var(--page)}
.nvt-header{background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 3px 20px #27214f08}
.announcement{background:linear-gradient(110deg,#5332a6,#8754cc)}
.button{border-radius:12px;gap:10px;border-color:var(--line);transition:background .18s,box-shadow .18s,transform .18s}
.button.primary,.inventory-contact{background:linear-gradient(110deg,#6941c6,#8555d8);border-color:transparent;color:#fff;box-shadow:0 5px 14px #6941c623}
.button.primary:hover,.inventory-contact:hover{background:#5332a6;transform:translateY(-1px)}
.inventory-card{border-radius:18px;border:1px solid var(--line);box-shadow:0 5px 24px #28234309;overflow:hidden;transition:transform .2s,box-shadow .2s}
.inventory-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #28234316}
.inventory-media{background:#edeef5}.inventory-media img{object-fit:contain}
.inventory-footer{border-top:1px solid var(--line)}
.account-options{border-radius:16px;box-shadow:0 18px 45px #20263b20;min-width:240px}
.account-actions a,.account-actions button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 14px;border-radius:9px;text-align:left;line-height:1.4}
.account-actions a:hover,.account-actions button:hover{background:var(--brand-soft)}
dialog#modal{border:1px solid #ffffff80;border-radius:24px;box-shadow:0 28px 100px #171b2d50;max-height:88dvh;overflow-y:auto;animation:dialog-enter .2s ease-out}
dialog::backdrop{background:#16152b80;backdrop-filter:blur(5px)}
.modal-top{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
#close{border-radius:50%;background:var(--surface-soft);width:36px;height:36px}
input:not([type=checkbox]):not([type=file]),select,textarea{border-radius:10px;border:1px solid #d8ddea;background:#fff;color:var(--ink);font:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:2px solid #6941c622;outline-offset:1px}
.auth-brand>span{background:var(--brand-soft);border-radius:20px}.auth-help{color:var(--muted)}
.admin-card,.admin-metric,.admin-login-card{border-radius:18px;box-shadow:0 5px 22px #27214f06}
.admin-table thead{background:#f5f4fb}.admin-table tbody tr:hover{background:#f8f7fd}
.admin-row-actions{flex-wrap:wrap;gap:6px}.admin-action{border-radius:8px;min-height:36px}
.admin-action.danger{color:#b42338;border:1px solid #fecdd5;background:#fff1f3}
.button.danger{background:#be2341;color:#fff;border-color:#be2341}.button.danger:hover{background:#991b34}
.delete-heading{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff1f3;color:#be2341;font-size:32px;margin-bottom:16px}
.stock-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.delivery-fields{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0;display:grid;gap:12px}.delivery-fields legend{font-weight:700}.delivery-fields p{margin:0;color:var(--muted);font-size:13px}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){dialog#modal{width:calc(100% - 24px);padding:18px;border-radius:18px}.container{padding-inline:16px}.stock-pagination{justify-content:center}.admin-card-head{gap:12px;flex-wrap:wrap}.admin-modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}