*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ph-crimson:#b42051;--ph-crimson-dark:#8f1940;--ph-crimson-hover:#c42d60;--ph-crimson-dim:#b4205114;--ph-crimson-border:#b420512e;--ph-brass:#c5a059;--ph-brass-dark:#a5833d;--ph-brass-dim:#c5a0591f;--ph-brass-border:#c5a05947;--ph-dark:#1a0d12;--ph-dark-mid:#2a1520;--ph-bg:#fffdf7;--ph-cream:#f4efea;--ph-cream-dark:#ede5dc;--ph-cream-card:#fdfaf6;--ph-sidebar-bg:#1a0d12;--ph-sidebar-hover:#2a1520;--ph-sidebar-active:#b42051;--ph-sidebar-border:#c5a05926;--ph-text:#3e3c3c;--ph-text-soft:#3e3c3cbf;--ph-text-muted:#3e3c3c80;--ph-text-cream:#f4efea;--ph-text-cream-soft:#f4efeaa6;--ph-red:#dc3545;--ph-green:#28a745;--ph-blue:#3b6fd4;--ph-sidebar-w:265px;--ph-header-h:66px;--ph-bottom-nav-h:66px;--ph-radius:12px;--ph-radius-sm:8px;--ph-radius-xs:6px;--ph-shadow:0 2px 16px #2a1a1e17;--ph-shadow-md:0 6px 32px #2a1a1e21;--ph-shadow-lg:0 12px 48px #2a1a1e29;--ph-shadow-crimson:0 4px 24px #b4205133;--ph-ease:cubic-bezier(.4, 0, .2, 1);--font-heading:"Libre Baskerville", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-tagline:"Cormorant Garamond", Georgia, serif;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#2563eb1a;--primary-glow:#2563eb38;--primary-rgb:37, 99, 235;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#f59e0b1f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#2563eb;--bg:#f8fafc;--card:#fff;--sidebar:#0f172a;--sidebar-soft:#1e293b;--sidebar-hover:#ffffff0f;--sidebar-active:#2563eb2e;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Poppins,system-ui,sans-serif;font-weight:700;line-height:1.2}#root{width:100%;min-height:100vh}input,select,button,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{to{background-position:-200% 0}}.fade-up{animation:.35s both fadeUp}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.7s linear infinite spin;display:inline-block}.spinner--dark{border-color:#0000001a;border-top-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-perm{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:100px 20px;display:flex}.no-perm-icon{opacity:.4;font-size:48px}.no-perm-title{font-family:var(--font-heading,inherit);color:var(--ph-text,var(--text-primary));font-size:20px;font-weight:700}.no-perm-text{color:var(--ph-text-soft,var(--text-secondary));max-width:360px;font-size:14px;line-height:1.6}.sidebar-desktop{width:var(--ph-sidebar-w);background:var(--ph-sidebar-bg);border-right:1px solid var(--ph-sidebar-border);z-index:90;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-inner{flex-direction:column;min-height:100%;padding:0 0 20px;display:flex}.sidebar-brand{border-bottom:1px solid var(--ph-sidebar-border);align-items:center;gap:12px;margin-bottom:10px;padding:22px 20px 20px;display:flex}.sidebar-brand-ring{background:var(--ph-crimson);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #b4205166}.sidebar-brand-initials{font-family:var(--font-heading);color:#fff;font-size:16px;font-weight:700}.sidebar-brand-name{font-family:var(--font-heading);color:var(--ph-text-cream);letter-spacing:.3px;font-size:16px;font-weight:700}.sidebar-brand-sub{color:var(--ph-text-cream-soft);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px;font-size:10px}.sidebar-admin-card{border:1px solid var(--ph-brass-border);border-radius:var(--ph-radius-sm);background:#c5a05914;align-items:center;gap:10px;margin:0 12px 16px;padding:12px 16px;display:flex}.sidebar-admin-avatar{background:linear-gradient(135deg, var(--ph-crimson-dark), var(--ph-crimson-hover));color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar-admin-name{color:var(--ph-text-cream);font-size:13px;font-weight:600}.sidebar-admin-role{color:var(--ph-brass);text-transform:capitalize;letter-spacing:.5px;margin-top:2px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.sidebar-nav-label{letter-spacing:1.8px;text-transform:uppercase;color:#f4efea40;margin-bottom:8px;padding:0 8px;font-size:10px}.sidebar-item{border-radius:var(--ph-radius-xs);color:#f4efea8c;align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.sidebar-item:hover{background:var(--ph-sidebar-hover);color:var(--ph-text-cream)}.sidebar-item--active{font-weight:600;box-shadow:0 4px 14px #b4205159;background:var(--ph-crimson)!important;color:#fff!important}.sidebar-item-icon{flex-shrink:0;font-size:20px}.sidebar-item-label{flex:1}.sidebar-group-header{align-items:center;gap:8px;padding:14px 8px 6px;display:flex}.sidebar-group-label{letter-spacing:1.6px;text-transform:uppercase;color:#c5a05980;white-space:nowrap;flex-shrink:0;font-size:9.5px;font-weight:600;transition:color .2s}.sidebar-group-header--active .sidebar-group-label{color:#c5a059d9}.sidebar-group-line{background:var(--ph-sidebar-border);flex:1;height:1px}.sidebar-item--sub{padding-left:20px;font-size:13px}.sidebar-item--sub .sidebar-item-icon{opacity:.85;font-size:17px}.sidebar-item--sub:not(.sidebar-item--active){color:#f4efea73}.sidebar-item--sub.sidebar-item--active{background:#b42051e0;box-shadow:0 3px 10px #b4205147}.sidebar-logout{border-radius:var(--ph-radius-xs);border-top:1px solid var(--ph-sidebar-border);color:#f4efea73;align-items:center;gap:10px;width:calc(100% - 20px);margin:12px 10px 0;padding:18px 14px 11px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s;display:flex}.sidebar-logout:hover{color:#ff7b7b;background:#dc35451f}.sidebar-logout-icon{font-size:20px}@media (width<=1024px){.sidebar-desktop{display:none}}.topbar{height:var(--ph-header-h);background:var(--ph-cream-card);border-bottom:1.5px solid var(--ph-cream-dark);z-index:20;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #2a1a1e0f}.topbar__left{flex-direction:column;justify-content:center;gap:2px;display:flex}.topbar__crumb-row{align-items:center;gap:8px;display:flex}.topbar__crumb{color:var(--ph-text-muted);font-size:13px}.topbar__crumb-sep{color:var(--ph-text-muted);opacity:.5}.topbar__title{font-family:var(--font-heading);color:var(--ph-text);font-size:16px;font-weight:600}.topbar__subtitle{color:var(--ph-text-soft);font-size:12px}.topbar__right{position:relative}.topbar-admin-btn{border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);cursor:pointer;border-radius:40px;align-items:center;gap:10px;padding:7px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.topbar-admin-btn:hover{border-color:var(--ph-crimson-border);background:var(--ph-cream-card);box-shadow:0 2px 12px #b4205114}.topbar-avatar{background:linear-gradient(135deg, var(--ph-crimson-dark), var(--ph-crimson-hover));color:#fff;width:32px;height:32px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.topbar-admin-name{color:var(--ph-text);font-size:13px;font-weight:500}.topbar-arrow{color:var(--ph-text-muted);font-size:20px;transition:transform .25s}.topbar-arrow--open{transform:rotate(180deg)}.topbar-overlay{z-index:199;position:fixed;inset:0}.topbar-dropdown{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);z-index:200;width:230px;box-shadow:var(--ph-shadow-md);padding:4px;animation:.18s fadeUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.topbar-drop-info{padding:14px 16px 10px}.topbar-drop-name{font-family:var(--font-heading);color:var(--ph-text);font-size:15px;font-weight:600}.topbar-drop-email{color:var(--ph-text-muted);margin-top:3px;font-size:12px}.topbar-drop-role{letter-spacing:1px;text-transform:uppercase;color:var(--ph-crimson);background:var(--ph-crimson-dim);border:1px solid var(--ph-crimson-border);border-radius:20px;margin-top:8px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.topbar-drop-divider{border:none;border-top:1px solid var(--ph-cream-dark);margin:6px 0}.topbar-drop-logout{width:100%;color:var(--ph-red);border-radius:var(--ph-radius-xs);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.topbar-drop-logout:hover{background:#dc354512}.topbar-drop-logout svg{font-size:18px}@media (width<=480px){.topbar{padding:0 16px}.topbar__crumb,.topbar__crumb-sep,.topbar-admin-name{display:none}}.admin-shell{background:var(--ph-cream);min-height:100vh;display:flex}.admin-main{margin-left:var(--ph-sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.admin-content{flex:1;min-width:0;padding:30px 28px}@media (width<=1024px){.admin-main{margin-left:0}}@media (width<=640px){.admin-content{padding:20px 16px}}.login-page{min-height:100vh;display:flex}.login-left{background:linear-gradient(135deg,#1e293b 0%,#0f172a 55%,#312e81 100%);flex-direction:column;justify-content:space-between;width:50%;padding:52px 48px;display:none;position:relative;overflow:hidden}@media (width>=1024px){.login-left{display:flex}}.login-left__grid{opacity:.07;pointer-events:none;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-left__logo{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.logo-icon{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.logo-name{color:#fff;font-size:18px;font-weight:600}.login-left__hero{z-index:1;position:relative}.hero-accent{background:var(--primary);border-radius:99px;width:44px;height:4px;margin-bottom:24px}.hero-title{color:#fff;margin-bottom:16px;font-size:38px;font-weight:700;line-height:1.22}.hero-title span{color:#a5b4fc}.hero-desc{color:#94a3b8;max-width:360px;margin-bottom:32px;font-size:15px;line-height:1.75}.hero-pills{flex-wrap:wrap;gap:10px;display:flex}.hero-pill{color:#a5b4fc;background:#2563eb2e;border:1px solid #2563eb59;border-radius:99px;padding:6px 16px;font-size:13px;font-weight:500}.login-left__footer{z-index:1;color:#475569;font-size:13px;position:relative}.login-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.login-card{background:var(--card);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:40px 36px}.login-card__head{margin-bottom:30px}.login-card__title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.login-card__sub{color:var(--text-secondary);margin-top:7px;font-size:14px}.login-error{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:10px;margin-bottom:22px;padding:12px 16px;font-size:14px;display:flex}.login-error svg{flex-shrink:0}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-label{color:#374151;font-size:13px;font-weight:500}.input-wrap{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.form-input{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);outline:none;padding:11px 16px 11px 42px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus{background:var(--card);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input.has-eye{padding-right:44px}.eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:var(--text-secondary)}.submit-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.login-switch{text-align:center;color:var(--text-secondary);margin-top:26px;font-size:13px}.login-switch a{color:var(--primary);font-weight:600}.login-switch a:hover{text-decoration:underline}.register-page{min-height:100vh;display:flex}.register-left{background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#312e81 100%);flex-direction:column;justify-content:space-between;width:50%;padding:52px 48px;display:none;position:relative;overflow:hidden}@media (width>=1024px){.register-left{display:flex}}.register-left__grid{opacity:.07;pointer-events:none;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.register-left__logo{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.register-left__hero{z-index:1;position:relative}.register-left__features{flex-direction:column;gap:16px;display:flex}.feature-row{align-items:center;gap:14px;display:flex}.feature-emoji{font-size:22px}.feature-text{color:#cbd5e1;font-size:14px}.register-left__footer{z-index:1;color:#475569;font-size:13px;position:relative}.register-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex;overflow-y:auto}.register-card{background:var(--card);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin:24px 0;padding:40px 36px}.register-card__head{margin-bottom:28px}.register-card__title{color:var(--text-primary);font-size:24px;font-weight:700}.register-card__sub{color:var(--text-secondary);margin-top:7px;font-size:14px}.register-error{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:10px;margin-bottom:22px;padding:12px 16px;font-size:14px;display:flex}.register-error svg{flex-shrink:0}.register-form{flex-direction:column;gap:18px;display:flex}.register-switch{text-align:center;color:var(--text-secondary);margin-top:26px;font-size:13px}.register-switch a{color:var(--primary);font-weight:600}.register-switch a:hover{text-decoration:underline}.dashboard-content{flex-direction:column;flex:1;gap:28px;padding:32px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__row{justify-content:space-between;align-items:flex-start;display:flex}.stat-card__label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500}.stat-card__value{color:var(--text-primary);margin-bottom:10px;font-size:26px;font-weight:700}.stat-card__meta{align-items:center;gap:8px;display:flex}.stat-badge{border-radius:99px;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.stat-badge--up{color:#10b981;background:#10b9811a}.stat-badge--down{color:#ef4444;background:#ef44441a}.stat-vs{color:var(--text-muted);font-size:11px}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.orders-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.orders-card__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.orders-card__title{color:var(--text-primary);font-size:15px;font-weight:700}.orders-card__sub{color:var(--text-muted);margin-top:2px;font-size:13px}.orders-card__btn{cursor:pointer;color:var(--primary);background:#2563eb1a;border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.orders-card__btn:hover{background:#2563eb2e}.orders-table-wrap{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border-light);padding:12px 24px;font-size:11px;font-weight:600}.orders-table td{border-bottom:1px solid var(--border-light);padding:14px 24px;font-size:14px}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover td{background:#fafbff}.td-order-id{color:var(--primary);font-weight:600}.td-customer{align-items:center;gap:10px;display:flex}.td-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.td-customer-name{color:#374151;font-weight:500}.td-product{color:var(--text-secondary)}.td-amount{color:var(--text-primary);font-weight:600}.td-date{color:var(--text-muted)}.status-badge{border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.quick-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.quick-grid{grid-template-columns:1fr}}.quick-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;align-items:center;gap:16px;width:100%;padding:20px;transition:box-shadow .2s,transform .15s;display:flex}.quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.quick-label{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.quick-desc{color:var(--text-muted);font-size:12px}.quick-arrow{flex-shrink:0;margin-left:auto}.cat-wrapper{flex-direction:column;gap:0;display:flex}.cat-page-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:24px;display:flex}.cat-page-head-left{align-items:center;gap:16px;display:flex}.cat-page-icon-ring{background:linear-gradient(135deg,#b420511f,#c5a0592e);border:1.5px solid #b4205133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.cat-page-icon{color:var(--ph-crimson);font-size:26px}.cat-page-icon-ring--coll{background:linear-gradient(135deg,#c5a05924,#b420511f);border-color:#c5a05940}.cat-page-title{font-family:var(--font-heading);color:var(--ph-text);font-size:24px;font-weight:700}.cat-page-sub{color:var(--ph-text-soft);margin-top:3px;font-size:13px}.cat-tab-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.cat-tab-count{color:var(--ph-text-soft);font-size:13px}.cat-filter-wrap{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);align-items:center;min-width:200px;padding:0 10px;transition:border-color .2s;display:flex;position:relative}.cat-filter-wrap:focus-within{border-color:var(--ph-crimson)}.cat-filter-icon{color:var(--ph-text-muted);flex-shrink:0;font-size:17px}.cat-select{color:var(--ph-text);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:9px 28px 9px 8px;font-size:13px;font-weight:500}.cat-select-arrow{color:var(--ph-text-muted);pointer-events:none;font-size:18px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cat-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.cat-card{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex;overflow:hidden}.cat-card:hover{border-color:#b420514d;transform:translateY(-2px);box-shadow:0 6px 24px #b420511a}.cat-card-img-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#b420510f,#c5a05914);width:100%;position:relative;overflow:hidden}.cat-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.cat-card:hover .cat-card-img{transform:scale(1.04)}.cat-card-img-placeholder{background:linear-gradient(135deg,#b420510f,#c5a0591a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cat-card-img-placeholder--coll{background:linear-gradient(135deg,#c5a0591a,#b4205114)}.cat-card-img-icon{color:var(--ph-crimson);opacity:.25;font-size:44px}.cat-card-badges{flex-direction:column;gap:5px;display:flex;position:absolute;top:8px;left:8px}.cat-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.cat-card-img-wrap .cat-badge{position:absolute;top:8px;right:8px}.cat-card-badges .cat-badge{position:static}.cat-badge--active{color:#16a34a;background:#22c55e26;border:1px solid #22c55e40}.cat-badge--off{color:#888;background:#7878781f;border:1px solid #78787833}.cat-badge--featured{color:#a07a20;background:#c5a0592e;border:1px solid #c5a05959}.cat-badge--plain{color:#888;background:#7878781a;border:1px solid #7878782e}.cat-card-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 10px;display:flex}.cat-card-name{font-family:var(--font-heading);color:var(--ph-text);font-size:15px;font-weight:700}.cat-card-slug{color:var(--ph-text-muted);font-family:monospace;font-size:11px}.cat-card-desc{color:var(--ph-text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.cat-card-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cat-chip{background:var(--ph-cream-dark);color:var(--ph-text-soft);border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cat-chip--sub{color:var(--ph-crimson);background:#b4205114}.cat-chip--cat{color:#a07a20;background:#c5a0591f}.cat-card-actions{border-top:1px solid var(--ph-cream-dark);justify-content:flex-end;gap:8px;padding:10px 16px 12px;display:flex}.cat-icon-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .18s;display:flex}.cat-icon-btn--edit{color:var(--ph-crimson);background:#b4205112;border-color:#b4205126}.cat-icon-btn--edit:hover{border-color:var(--ph-crimson);background:#b4205124}.cat-icon-btn--del{color:#dc2626;background:#dc26260f;border-color:#dc262626}.cat-icon-btn--del:hover{background:#dc262624;border-color:#dc2626}.cat-table-wrap{border-radius:var(--ph-radius);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);overflow-x:auto}.cat-table{border-collapse:collapse;width:100%;font-size:13px;font-family:var(--font-body)}.cat-table thead tr{border-bottom:1.5px solid var(--ph-cream-dark);background:linear-gradient(90deg,#b420510d,#c5a0590d)}.cat-table th{text-align:left;letter-spacing:.6px;color:var(--ph-text-muted);text-transform:uppercase;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.cat-table td{border-bottom:1px solid var(--ph-cream-dark);vertical-align:middle;color:var(--ph-text);padding:12px 16px}.cat-table tr:last-child td{border-bottom:none}.cat-table tbody tr{transition:background .15s}.cat-table tbody tr:hover{background:#b4205108}.cat-table-thumb{background:linear-gradient(135deg,#b4205112,#c5a0591a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.cat-table-thumb img{object-fit:cover;width:100%;height:100%}.cat-table-thumb-icon{color:var(--ph-crimson);opacity:.3;font-size:20px}.cat-table-name{color:var(--ph-text);font-weight:600}.cat-table-slug{color:var(--ph-text-muted);margin-top:2px;font-family:monospace;font-size:11px}.cat-table-order{text-align:center;color:var(--ph-text-muted)}.cat-table-acts{gap:8px;display:flex}.cat-btn{border-radius:var(--ph-radius-sm);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:9px 18px;transition:all .2s;display:inline-flex}.cat-btn--primary{background:var(--ph-crimson);color:#fff;border-color:var(--ph-crimson);box-shadow:0 2px 10px #b4205140}.cat-btn--primary:hover{background:#9e1b44;transform:translateY(-1px);box-shadow:0 4px 16px #b4205159}.cat-btn--primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.cat-btn--ghost{color:var(--ph-text-soft);border-color:var(--ph-cream-dark);background:0 0}.cat-btn--ghost:hover{background:var(--ph-cream-dark);color:var(--ph-text)}.cat-btn--ghost:disabled{opacity:.55;cursor:not-allowed}.cat-btn--danger{color:#fff;background:#dc2626;border-color:#dc2626}.cat-btn--danger:hover{background:#b91c1c}.cat-btn--danger:disabled{opacity:.65;cursor:not-allowed}.cat-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite cat-spin}.cat-spinner--dark{border-color:#b420512e;border-top-color:var(--ph-crimson);border-width:3px;width:36px;height:36px}@keyframes cat-spin{to{transform:rotate(360deg)}}.cat-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.cat-empty-icon{color:var(--ph-crimson);opacity:.18;font-size:56px}.cat-empty p{color:var(--ph-text-soft);font-size:16px;font-weight:600}.cat-empty span{color:var(--ph-text-muted);max-width:320px;font-size:13px;line-height:1.6}.cat-center{justify-content:center;align-items:center;padding:80px 0;display:flex}.cat-center .cat-spinner{border-color:#b4205133;border-top-color:var(--ph-crimson);width:36px;height:36px}.cat-modal-bg{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a0d128c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cat-modal{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #1a0d124d}.cat-modal-head{border-bottom:1px solid var(--ph-cream-dark);background:var(--ph-cream-card);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.cat-modal-title{font-family:var(--font-heading);color:var(--ph-text);font-size:18px;font-weight:700}.cat-modal-close{width:30px;height:30px;color:var(--ph-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;transition:background .15s,color .15s;display:flex}.cat-modal-close:hover{color:var(--ph-crimson);background:#b4205114}.cat-form{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.cat-form-label{letter-spacing:.5px;text-transform:uppercase;color:var(--ph-text-muted);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.cat-required{color:var(--ph-crimson)}.cat-form-row{flex-direction:column;display:flex}.cat-form-row--split{flex-direction:row;align-items:flex-end;gap:16px}.cat-input{background:var(--ph-cream);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);width:100%;font-size:14px;font-family:var(--font-body);color:var(--ph-text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.cat-input:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px #b420511a}.cat-textarea{resize:vertical;min-height:80px}.cat-select-wrap{position:relative}.cat-select-input{background:var(--ph-cream);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);width:100%;font-size:14px;font-family:var(--font-body);color:var(--ph-text);appearance:none;cursor:pointer;outline:none;padding:10px 36px 10px 12px;transition:border-color .2s}.cat-select-input:focus{border-color:var(--ph-crimson)}.cat-select-input-arrow{color:var(--ph-text-muted);pointer-events:none;font-size:20px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cat-modal-foot{border-top:1px solid var(--ph-cream-dark);background:var(--ph-cream-card);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex;position:sticky;bottom:0}.cat-err{color:#dc2626;background:#dc262612;border:1px solid #dc262633;border-radius:8px;padding:9px 14px;font-size:13px}.cat-upload-wrap{flex-direction:column;display:flex}.cat-upload-box{aspect-ratio:16/7;border:2px dashed var(--ph-cream-dark);border-radius:var(--ph-radius-sm);cursor:pointer;background:var(--ph-cream);justify-content:center;align-items:center;width:100%;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.cat-upload-box:hover{border-color:var(--ph-crimson);background:#b4205108}.cat-upload-box--has{border-style:solid;border-color:var(--ph-cream-dark)}.cat-upload-box--has:hover{border-color:var(--ph-crimson)}.cat-upload-placeholder{color:var(--ph-text-muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}.cat-upload-icon{color:var(--ph-crimson);opacity:.4;font-size:36px}.cat-upload-hint{color:var(--ph-text-muted);font-size:11px}.cat-upload-preview{object-fit:cover;width:100%;height:100%}.cat-upload-overlay{opacity:0;color:#fff;background:#1a0d128c;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.cat-upload-box:hover .cat-upload-overlay{opacity:1}.cat-upload-overlay-icon{font-size:28px}.cat-toggle-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}.cat-toggle{background:var(--ph-cream-dark);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.cat-toggle--on{background:var(--ph-crimson)}.cat-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.cat-toggle--on .cat-toggle-knob{left:23px}.cat-del-modal{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;padding:32px 28px;display:flex}.cat-del-icon-ring{background:#dc26261a;border:2px solid #dc262633;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;animation:2s ease-in-out infinite cat-del-pulse;display:flex}@keyframes cat-del-pulse{0%,to{box-shadow:0 0 #dc262600}50%{box-shadow:0 0 0 8px #dc262614}}.cat-del-icon{color:#dc2626;font-size:30px}.cat-del-title{font-family:var(--font-heading);color:var(--ph-text);font-size:18px;font-weight:700}.cat-del-desc{color:var(--ph-text-soft);font-size:13px;line-height:1.6}.cat-del-actions{gap:10px;margin-top:8px;display:flex}@media (width<=640px){.cat-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.cat-modal{border-radius:var(--ph-radius) var(--ph-radius) 0 0;max-width:100%}.cat-modal-bg{align-items:flex-end;padding:0}.cat-tab-toolbar{flex-direction:column;align-items:flex-start}.cat-page-title{font-size:20px}.cat-form-row--split{flex-direction:column}}@media (width<=400px){.cat-cards{grid-template-columns:1fr}}.prod-wrapper{flex-direction:column;gap:20px;animation:.3s fadeIn;display:flex}.prod-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.prod-title{font-family:var(--font-heading);color:var(--ph-text);font-size:24px;font-weight:700}.prod-sub{color:var(--ph-text-soft);margin-top:3px;font-size:13px}.prod-btn-add,.prod-btn-bulk{border-radius:var(--ph-radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.prod-btn-add{background:var(--ph-crimson);color:#fff;box-shadow:0 2px 10px #b4205140}.prod-btn-add:hover{background:var(--ph-crimson-dark);transform:translateY(-1px)}.prod-btn-bulk{border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft)}.prod-btn-bulk:hover{background:var(--ph-cream)}.prod-btn-tpl{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-crimson);background:var(--ph-crimson-dim);color:var(--ph-crimson);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.prod-btn-tpl:hover{background:var(--ph-crimson);color:#fff}.prod-btn-tpl--clr{border-color:var(--ph-brass);color:var(--ph-brass-dark);background:var(--ph-brass-dim)}.prod-btn-tpl--clr:hover{background:var(--ph-brass);color:#fff}.prod-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prod-search-wrap{flex:1;min-width:220px;position:relative}.prod-search-icon{color:var(--ph-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.prod-search{border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);background:var(--ph-cream-card);width:100%;color:var(--ph-text);outline:none;padding:10px 14px 10px 38px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.prod-search:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px var(--ph-crimson-dim)}.prod-select{border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);background:var(--ph-cream-card);color:var(--ph-text);cursor:pointer;outline:none;padding:10px 14px;font-size:13px}.prod-select:focus{border-color:var(--ph-crimson)}.prod-low-stock-btn{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;align-items:center;gap:6px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.prod-low-stock-btn:hover{background:var(--ph-cream)}.prod-low-stock-btn--active{color:#b45309;background:#f59e0b1f;border-color:#f59e0b}.prod-table-wrap{border-radius:var(--ph-radius);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);overflow-x:auto}.prod-table{border-collapse:collapse;width:100%;font-size:13.5px}.prod-table thead tr{border-bottom:1.5px solid var(--ph-cream-dark);background:linear-gradient(90deg,#b420510d,#c5a0590d)}.prod-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--ph-text-muted);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.prod-table td{border-bottom:1px solid var(--ph-cream-dark);vertical-align:middle;padding:12px 16px}.prod-table tbody tr:last-child td{border-bottom:none}.prod-table tbody tr:hover td{background:#b4205108}.prod-thumb-cell{cursor:pointer;align-items:center;gap:12px;display:flex}.prod-thumb,.prod-thumb-placeholder{border-radius:var(--ph-radius-sm);object-fit:cover;border:1px solid var(--ph-cream-dark);flex-shrink:0;width:44px;height:44px}.prod-thumb-placeholder{background:var(--ph-cream);color:var(--ph-text-muted);justify-content:center;align-items:center;display:flex}.prod-name{color:var(--ph-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;overflow:hidden}.prod-slug{color:var(--ph-text-muted);margin-top:2px;font-family:monospace;font-size:11px}.prod-swatches{align-items:center;gap:4px;display:flex}.prod-swatch{border:2px solid var(--ph-cream-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--ph-cream-dark);border-radius:50%}.prod-color-count{color:var(--ph-text-muted);margin-left:4px;font-size:11px}.prod-stock-cell{align-items:center;gap:8px;display:flex}.prod-stock-val{color:var(--ph-text);font-weight:600}.prod-stock-val--low{color:#b45309}.prod-stock-badge{color:#b45309;background:#f59e0b24;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.prod-badge{border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.prod-badge-dot{border-radius:50%;width:6px;height:6px}.prod-badge--active{color:#16a34a;background:#22c55e26}.prod-badge--active .prod-badge-dot{background:#16a34a}.prod-badge--inactive{color:#888;background:#7878781f}.prod-badge--inactive .prod-badge-dot{background:#888}.prod-actions{gap:6px;display:flex}.prod-action-btn{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .15s;display:flex}.prod-action-btn--edit{color:var(--ph-crimson);background:#b4205114}.prod-action-btn--edit:hover{background:var(--ph-crimson);color:#fff}.prod-action-btn--del{color:#dc2626;background:#dc262614}.prod-action-btn--del:hover{color:#fff;background:#dc2626}.prod-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prod-pager-info{color:var(--ph-text-muted);font-size:12.5px}.prod-pager-btns{gap:8px;display:flex}.prod-pager-btn{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;padding:8px 16px;font-size:12.5px;font-weight:600}.prod-pager-btn:hover:not(:disabled){background:var(--ph-cream)}.prod-pager-btn:disabled{opacity:.5;cursor:not-allowed}.prod-loading{justify-content:center;padding:80px 0;display:flex}.prod-spinner{border:3px solid #b420512e;border-top-color:var(--ph-crimson);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite prod-spin}@keyframes prod-spin{to{transform:rotate(360deg)}}.prod-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.prod-empty-icon{color:var(--ph-crimson);opacity:.2;font-size:52px}.prod-empty p{color:var(--ph-text-soft);font-size:15px;font-weight:600}.prod-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a0d128c;position:fixed;inset:0}.prod-confirm{z-index:201;background:var(--ph-cream-card);border-radius:var(--ph-radius);width:90%;max-width:380px;box-shadow:var(--ph-shadow-lg);text-align:center;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.prod-confirm-text{color:var(--ph-text);margin-bottom:20px;font-size:14px;line-height:1.6}.prod-confirm-actions{justify-content:center;gap:10px;display:flex}.prod-btn-cancel{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;padding:9px 20px;font-size:13.5px;font-weight:600}.prod-btn-cancel:hover:not(:disabled){background:var(--ph-cream)}.prod-btn-del-confirm{border-radius:var(--ph-radius-sm);color:#fff;cursor:pointer;background:#dc2626;border:none;padding:9px 20px;font-size:13.5px;font-weight:600}.prod-btn-del-confirm:hover:not(:disabled){background:#b91c1c}.prod-btn-cancel:disabled,.prod-btn-del-confirm:disabled{opacity:.6;cursor:not-allowed}.pf-wrapper{flex-direction:column;gap:20px;display:flex}.pf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pf-head-left{align-items:center;gap:16px;display:flex}.pf-head-title{font-family:var(--font-heading);color:var(--ph-text);font-size:22px;font-weight:700}.pf-head-sub{color:var(--ph-text-soft);margin-top:4px;font-size:13px}.pf-btn-back{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pf-btn-back:hover{background:var(--ph-cream)}.pf-btn-save{border-radius:var(--ph-radius-sm);background:linear-gradient(135deg, var(--ph-crimson), var(--ph-crimson-dark));color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.pf-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pf-btn-save:disabled{opacity:.65;cursor:not-allowed}.pf-save-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.pf-save-progress{border-radius:var(--ph-radius-sm);background:var(--ph-crimson-dim);color:var(--ph-crimson);align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.pf-save-progress .pf-save-spinner{border-color:#b4205140;border-top-color:var(--ph-crimson)}.pf-err{border-radius:var(--ph-radius-sm);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:13px}.pf-toast{z-index:100;border-radius:var(--ph-radius-sm);box-shadow:var(--ph-shadow-lg);align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s slideUp;display:flex;position:fixed;top:20px;right:20px}.pf-toast--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.pf-toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pf-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1100px){.pf-grid{grid-template-columns:1fr}}.pf-col{flex-direction:column;gap:20px;display:flex}.pf-card{background:var(--ph-cream-card);border-radius:var(--ph-radius);border:1px solid var(--ph-cream-dark);box-shadow:var(--ph-shadow);flex-direction:column;gap:16px;padding:22px;display:flex}.pf-card-title{font-family:var(--font-heading);color:var(--ph-text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.pf-card-title svg{color:var(--ph-crimson);flex-shrink:0}.pf-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pf-field{flex-direction:column;gap:6px;display:flex}.pf-label{color:var(--ph-text-soft);font-size:12px;font-weight:600}.req,.pf-label .req{color:#ef4444}.pf-input,.pf-select,.pf-textarea{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);width:100%;color:var(--ph-text);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.pf-textarea{resize:vertical;min-height:90px}.pf-input:focus,.pf-select:focus,.pf-textarea:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px var(--ph-crimson-dim);background:var(--ph-cream-card)}.pf-select:disabled{opacity:.6;cursor:not-allowed}.pf-hint{color:var(--ph-text-muted);font-size:11.5px}.pf-hint-sm{opacity:.7;font-size:11px}.pf-hint kbd{background:var(--ph-cream-dark);border:1px solid var(--ph-cream-dark);border-radius:4px;padding:1px 5px;font-size:10.5px}.pf-main-img-upload{border:2px dashed var(--ph-cream-dark);border-radius:var(--ph-radius-sm);background:var(--ph-cream);color:var(--ph-text-muted);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px;transition:border-color .2s,background .2s;display:flex}.pf-main-img-upload:hover{border-color:var(--ph-crimson);background:var(--ph-crimson-dim)}.pf-main-img-upload span:first-of-type{color:var(--ph-text-soft);font-size:13px;font-weight:500}.pf-main-img-wrap{border-radius:var(--ph-radius-sm);position:relative;overflow:hidden}.pf-main-img-preview{object-fit:cover;width:100%;height:220px;display:block}.pf-main-img-actions{gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.pf-main-img-change,.pf-main-img-del{border-radius:var(--ph-radius-sm);color:#fff;cursor:pointer;background:#0f172abf;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.pf-main-img-del{background:#ef4444d9}.pf-tags-box{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px 10px;display:flex}.pf-tag-chip{background:var(--ph-crimson-dim);color:var(--ph-crimson);border-radius:99px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.pf-tag-chip-del{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;display:flex}.pf-tag-chip-del:hover{opacity:1}.pf-tag-input{min-width:120px;color:var(--ph-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pf-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-toggle-info{flex-direction:column;display:flex}.pf-toggle-label{color:var(--ph-text);font-size:13.5px;font-weight:600}.pf-toggle-hint{color:var(--ph-text-muted);font-size:11.5px}.pf-toggle{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.pf-toggle input{opacity:0;width:0;height:0}.pf-toggle-track{background:var(--ph-cream-dark);cursor:pointer;border-radius:99px;transition:background .2s;position:absolute;inset:0}.pf-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.pf-toggle input:checked+.pf-toggle-track{background:var(--ph-crimson)}.pf-toggle input:checked+.pf-toggle-track .pf-toggle-thumb{transform:translate(18px)}.pf-attr-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.pf-attr-grid{grid-template-columns:1fr}}.pf-custom-attr-head{justify-content:space-between;align-items:center;display:flex}.pf-btn-add-attr{color:var(--ph-crimson);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.pf-custom-attr-list{flex-direction:column;gap:8px;display:flex}.pf-custom-attr-row{align-items:center;gap:8px;display:flex}.pf-custom-attr-key{flex:1}.pf-custom-attr-val{flex:1.3}.pf-custom-attr-sep{color:var(--ph-text-muted);font-weight:700}.pf-custom-attr-del{color:var(--ph-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.pf-custom-attr-del:hover{color:#ef4444}.pf-colors-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pf-colors-title{color:var(--ph-text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.pf-colors-title svg{color:var(--ph-crimson)}.pf-btn-add-color,.pf-btn-add-variant{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-crimson);background:var(--ph-crimson-dim);color:var(--ph-crimson);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.pf-btn-add-color:hover,.pf-btn-add-variant:hover{background:var(--ph-crimson);color:#fff}.pf-mode-toggle{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-mode-btn{text-align:left;border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);cursor:pointer;align-items:flex-start;gap:10px;padding:14px;transition:all .15s;display:flex}.pf-mode-btn strong{color:var(--ph-text);font-size:13.5px;display:block}.pf-mode-btn span{color:var(--ph-text-muted);font-size:11.5px}.pf-mode-dot{border:2px solid var(--ph-cream-dark);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px;position:relative}.pf-mode-btn--on{border-color:var(--ph-crimson);background:var(--ph-crimson-dim)}.pf-mode-btn--on .pf-mode-dot{border-color:var(--ph-crimson)}.pf-mode-btn--on .pf-mode-dot:after{content:"";background:var(--ph-crimson);border-radius:50%;position:absolute;inset:3px}.pf-simple-body,.pf-colors-wrap{flex-direction:column;gap:16px;display:flex}.pf-empty-colors{text-align:center;color:var(--ph-text-muted);padding:40px 0;font-size:14px}.pf-color-block{border:1px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);overflow:hidden}.pf-color-hd{background:var(--ph-cream);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.pf-color-hd--open{background:var(--ph-crimson-dim)}.pf-color-preview{border:2px solid var(--ph-cream-card);width:22px;height:22px;box-shadow:0 0 0 1px var(--ph-cream-dark);border-radius:50%;flex-shrink:0}.pf-color-hd-name{color:var(--ph-text);flex:1;font-size:13.5px;font-weight:600}.pf-color-hd-name--placeholder{color:var(--ph-text-muted);font-style:italic;font-weight:400}.pf-color-hd-meta{align-items:center;gap:8px;display:flex}.pf-color-badge{background:var(--ph-cream-card);border:1px solid var(--ph-cream-dark);color:var(--ph-text-soft);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600}.pf-color-chevron{color:var(--ph-text-muted);transition:transform .2s}.pf-color-chevron--open{transform:rotate(180deg)}.pf-btn-remove-color{color:#ef4444;cursor:pointer;background:#ef44441f;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pf-btn-remove-color:hover{color:#fff;background:#ef4444}.pf-color-body{flex-direction:column;gap:18px;padding:18px 16px;display:flex;overflow:hidden}.pf-color-pickers{grid-template-columns:auto 1fr 1fr;align-items:end;gap:14px;display:grid}@media (width<=600px){.pf-color-pickers{grid-template-columns:1fr}}.pf-color-dot-wrap{flex-direction:column;gap:6px;display:flex}.pf-color-dot-swatch{border:2px solid var(--ph-cream-dark);cursor:pointer;border-radius:10px;width:40px;height:40px;position:relative;overflow:hidden}.pf-color-dot-input{cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.pf-img-gallery-label{color:var(--ph-text-soft);align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.pf-img-grid{flex-wrap:wrap;gap:10px;display:flex}.pf-img-item,.pf-img-add{border-radius:var(--ph-radius-sm);flex-shrink:0;width:84px;height:84px;position:relative;overflow:hidden}.pf-img-item{border:1px solid var(--ph-cream-dark)}.pf-img-thumb{object-fit:cover;width:100%;height:100%;display:block}.pf-img-del{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:4px;right:4px}.pf-img-new-badge{background:var(--ph-crimson);color:#fff;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:4px}.pf-img-add{border:2px dashed var(--ph-cream-dark);background:var(--ph-cream);color:var(--ph-text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.pf-img-add:hover{border-color:var(--ph-crimson);color:var(--ph-crimson);background:var(--ph-crimson-dim)}.pf-img-add input{display:none}.pf-variants-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pf-variants-label{color:var(--ph-text-soft);font-size:12.5px;font-weight:600}.pf-variants-table{border:1px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);overflow-x:auto}.pf-var-tbl{border-collapse:collapse;width:100%;min-width:620px}.pf-var-tbl th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ph-text-muted);background:var(--ph-cream);border-bottom:1px solid var(--ph-cream-dark);white-space:nowrap;padding:8px 10px;font-size:10.5px;font-weight:700}.pf-var-tbl td{border-bottom:1px solid var(--ph-cream-dark);padding:6px 8px}.pf-var-tbl tbody tr:last-child td{border-bottom:none}.pf-var-empty{text-align:center;color:var(--ph-text-muted);padding:16px;font-size:13px}.pf-var-input{border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);width:100%;color:var(--ph-text);border-radius:8px;outline:none;padding:7px 9px;font-size:13px}.pf-var-input:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 2px var(--ph-crimson-dim)}.pf-var-input--size{min-width:90px}.pf-var-input--sku{min-width:80px}.pf-var-input--unit{min-width:64px}.pf-var-del{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pf-var-del:hover{color:#fff;background:#ef4444}.pf-size-hint{color:var(--ph-text-muted);align-items:center;gap:5px;margin-top:8px;font-size:11.5px;display:flex}.bu-root{flex-direction:column;gap:22px;display:flex}.bu-topbar{align-items:center;gap:16px;display:flex}.bu-back{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.bu-back:hover{background:var(--ph-cream)}.bu-title{font-family:var(--font-heading);color:var(--ph-text);font-size:22px;font-weight:700}.bu-subtitle{color:var(--ph-text-soft);margin-top:4px;font-size:13px}.bu-tpl-download{border-radius:var(--ph-radius-sm);background:var(--ph-crimson-dim);border:1px solid var(--ph-cream-dark);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.bu-tpl-download-label{color:var(--ph-text-soft);font-size:13px;font-weight:600}.bu-tpl-btns{gap:8px;display:flex}.bu-tpl-dl-btn{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-crimson);background:var(--ph-cream-card);color:var(--ph-crimson);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:flex}.bu-tpl-dl-btn:hover{background:var(--ph-crimson);color:#fff}.bu-tpl-dl-btn--colors{border-color:var(--ph-brass);color:var(--ph-brass-dark)}.bu-tpl-dl-btn--colors:hover{background:var(--ph-brass);color:#fff}.bu-stepper{align-items:center;gap:8px;display:flex}.bu-step{flex:1;align-items:center;gap:10px;display:flex}.bu-step-dot{background:var(--ph-cream-dark);width:28px;height:28px;color:var(--ph-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.bu-step--active .bu-step-dot{background:var(--ph-crimson);color:#fff}.bu-step--done .bu-step-dot{background:var(--success);color:#fff}.bu-step-label{color:var(--ph-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.bu-step--active .bu-step-label,.bu-step--done .bu-step-label{color:var(--ph-text)}.bu-step-line{background:var(--ph-cream-dark);flex:1;height:2px}.bu-step--done+.bu-step .bu-step-line,.bu-step--done .bu-step-line{background:var(--success)}.bu-step-body{flex-direction:column;gap:20px;display:flex}.bu-dropzone{border:2px dashed var(--ph-cream-dark);border-radius:var(--ph-radius);background:var(--ph-cream-card);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:64px 24px;transition:all .2s;display:flex}.bu-dropzone:hover,.bu-dropzone--over{border-color:var(--ph-crimson);background:var(--ph-crimson-dim)}.bu-drop-icon{color:var(--ph-text-muted)}.bu-drop-title{color:var(--ph-text);font-size:15px;font-weight:600}.bu-drop-title span{color:var(--ph-crimson);text-decoration:underline}.bu-drop-sub{color:var(--ph-text-muted);font-size:12.5px}.bu-preview-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bu-badge{border-radius:99px;align-items:center;margin-right:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.bu-badge--type{background:var(--ph-crimson-dim);color:var(--ph-crimson)}.bu-badge--count{background:var(--ph-cream-dark);color:var(--ph-text-soft)}.bu-badge--prod{background:var(--ph-brass-dim);color:var(--ph-brass-dark)}.bu-preview-actions{gap:10px;display:flex}.bu-btn-secondary{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);color:var(--ph-text-soft);cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.bu-btn-secondary:hover{background:var(--ph-cream)}.bu-btn-primary{border-radius:var(--ph-radius-sm);background:linear-gradient(135deg, var(--ph-crimson), var(--ph-crimson-dark));color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.bu-btn-primary:hover:not(:disabled){opacity:.9}.bu-btn-primary:disabled{opacity:.6;cursor:not-allowed}.bu-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.bu-img-section{background:var(--ph-cream-card);border:1px solid var(--ph-cream-dark);border-radius:var(--ph-radius);flex-direction:column;gap:12px;padding:18px;display:flex}.bu-section-title{color:var(--ph-text);font-size:13.5px;font-weight:700}.bu-img-section-opt{color:var(--ph-text-muted);font-size:11.5px;font-weight:400}.bu-img-section-body{flex-direction:column;gap:10px;max-height:220px;display:flex;overflow-y:auto}.bu-img-row{border-bottom:1px solid var(--ph-cream-dark);align-items:center;gap:14px;padding:6px 0;display:flex}.bu-img-row:last-child{border-bottom:none}.bu-img-row-name{width:200px;color:var(--ph-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600;overflow:hidden}.bu-img-thumbs{flex-wrap:wrap;gap:8px;display:flex}.bu-img-thumb{border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden}.bu-img-thumb img{object-fit:cover;width:100%;height:100%}.bu-img-remove{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:1px;right:1px}.bu-img-add-btn{border:2px dashed var(--ph-cream-dark);background:var(--ph-cream);width:44px;height:44px;color:var(--ph-text-muted);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:9px;display:flex}.bu-img-add-btn:hover{border-color:var(--ph-crimson);color:var(--ph-crimson)}.bu-preview-wrap{background:var(--ph-cream-card);border:1px solid var(--ph-cream-dark);border-radius:var(--ph-radius);overflow:hidden}.bu-preview-scroll{max-height:480px;overflow:auto}.bu-table{border-collapse:collapse;width:100%}.bu-th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ph-text-muted);background:var(--ph-cream);border-bottom:1px solid var(--ph-cream-dark);white-space:nowrap;padding:8px 10px;font-size:10.5px;font-weight:700;position:sticky;top:0}.bu-th--req{color:var(--ph-crimson)}.bu-req-star{color:#ef4444;margin-left:2px}.bu-th--num,.bu-th--del{width:40px}.bu-td{border-bottom:1px solid var(--ph-cream-dark);padding:5px 8px}.bu-td--num{color:var(--ph-text-muted);text-align:center;font-size:12px}.bu-tr--warn td{background:#fffbeb}.bu-cell-input,.bu-cell-select{width:100%;min-width:90px;color:var(--ph-text);background:0 0;border:1.5px solid #0000;border-radius:7px;outline:none;padding:6px 8px;font-size:12.5px}.bu-cell-input:hover,.bu-cell-select:hover{border-color:var(--ph-cream-dark);background:var(--ph-cream)}.bu-cell-input:focus,.bu-cell-select:focus{border-color:var(--ph-crimson);background:var(--ph-cream-card);box-shadow:0 0 0 2px var(--ph-crimson-dim)}.bu-cell-input--err{background:#fef2f2;border-color:#fca5a5}.bu-del-row{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bu-del-row:hover{color:#fff;background:#ef4444}.bu-preview-hint{color:var(--ph-text-muted);border-top:1px solid var(--ph-cream-dark);padding:12px 16px;font-size:12px}.bu-results{flex-direction:column;gap:20px;display:flex}.bu-result-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=700px){.bu-result-cards{grid-template-columns:1fr}}.bu-result-card{border-radius:var(--ph-radius);background:var(--ph-cream-card);border:1px solid var(--ph-cream-dark);flex-direction:column;align-items:center;gap:6px;padding:24px;display:flex}.bu-result-card--green{color:#059669}.bu-result-card--yellow{color:#d97706}.bu-result-card--red{color:#dc2626}.bu-result-num{color:var(--ph-text);font-size:28px;font-weight:800}.bu-result-label{color:var(--ph-text-muted);font-size:12.5px;font-weight:600}.bu-result-section{background:var(--ph-cream-card);border:1px solid var(--ph-cream-dark);border-radius:var(--ph-radius);padding:16px}.bu-result-section-title{align-items:center;gap:6px;margin-bottom:10px;font-size:13.5px;font-weight:700;display:flex}.bu-result-section-title--yellow{color:#d97706}.bu-result-section-title--red{color:#dc2626}.bu-result-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.bu-result-item{border-radius:8px;justify-content:space-between;gap:12px;padding:8px 12px;font-size:12.5px;display:flex}.bu-result-item--yellow{background:#fffbeb}.bu-result-item--red{background:#fef2f2}.bu-result-name{color:var(--ph-text);font-weight:600}.bu-result-reason{color:var(--ph-text-muted)}.bu-result-actions{justify-content:center;gap:10px;display:flex}.usr-wrap{flex-direction:column;gap:24px;display:flex}.usr-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.usr-head-left{flex-direction:column;gap:4px;display:flex}.usr-title{font-family:var(--font-heading);color:var(--ph-text);font-size:24px;font-weight:700}.usr-sub{color:var(--ph-text-soft);font-size:14px}.usr-stats{flex-wrap:wrap;gap:10px;display:flex}.usr-stat{border-radius:var(--ph-radius-sm);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream-card);flex-direction:column;align-items:center;min-width:72px;padding:10px 18px;display:flex}.usr-stat--active{background:#28a7450f;border-color:#28a7454d}.usr-stat--inactive{background:#dc35450d;border-color:#dc354540}.usr-stat-num{color:var(--ph-text);font-size:20px;font-weight:800;line-height:1}.usr-stat--active .usr-stat-num{color:#1a7f37}.usr-stat--inactive .usr-stat-num{color:var(--ph-red)}.usr-stat-lbl{color:var(--ph-text-soft);margin-top:3px;font-size:11px;font-weight:600}.usr-search-wrap{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);align-items:center;padding:0 12px;transition:border-color .2s;display:flex}.usr-search-wrap:focus-within{border-color:var(--ph-crimson)}.usr-search-icon{color:var(--ph-text-muted);flex-shrink:0;font-size:18px}.usr-search{color:var(--ph-text);background:0 0;border:none;outline:none;flex:1;padding:11px 8px;font-size:14px}.usr-search-clear{color:var(--ph-text-muted);border-radius:4px;padding:4px;font-size:18px;transition:color .2s}.usr-search-clear:hover{color:var(--ph-crimson)}.usr-loading{justify-content:center;padding:60px 0;display:flex}.usr-empty{color:var(--ph-text-muted);flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.usr-empty-icon{opacity:.2;font-size:52px}.usr-empty-text{color:var(--ph-text-soft);text-align:center;font-size:15px}.usr-empty-btn{background:var(--ph-crimson-dim);border:1.5px solid var(--ph-crimson-border);color:var(--ph-crimson);border-radius:var(--ph-radius-sm);padding:9px 20px;font-size:13px;font-weight:600;transition:background .2s}.usr-empty-btn:hover{background:#b4205124}.usr-avatar{background:var(--ph-text);color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.usr-avatar--lg{width:44px;height:44px;font-size:17px}.usr-member{align-items:center;gap:10px;display:flex}.usr-name{color:var(--ph-text);align-items:center;gap:5px;font-size:13.5px;font-weight:600;display:flex}.usr-email{color:var(--ph-text-soft);font-size:12.5px}.usr-phone{color:var(--ph-text-soft);font-size:13px}.usr-na{color:var(--ph-text-muted);font-style:italic}.usr-date{color:var(--ph-text-muted);white-space:nowrap;font-size:12px}.usr-toggle{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.usr-toggle:disabled{opacity:.55;cursor:not-allowed}.usr-toggle--active{color:#1a7f37;background:#28a7451a;border:1.5px solid #28a7454d}.usr-toggle--active:not(:disabled):hover{color:var(--ph-red);background:#dc354514;border-color:#dc35454d}.usr-toggle--inactive{color:var(--ph-red);background:#dc354514;border:1.5px solid #dc354540}.usr-toggle--inactive:not(:disabled):hover{color:#1a7f37;background:#28a7451a;border-color:#28a7454d}.usr-toggle--full{border-radius:10px;justify-content:center;width:100%;padding:9px 14px}.usr-del-btn{width:32px;height:32px;color:var(--ph-red);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:background .2s;display:flex}.usr-del-btn:hover{background:#dc354514}.usr-table-wrap{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);overflow:hidden}.usr-table{border-collapse:collapse;width:100%}.usr-table thead{background:var(--ph-cream-dark)}.usr-table th{letter-spacing:.7px;text-transform:uppercase;color:var(--ph-text-soft);text-align:left;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.usr-table td{color:var(--ph-text);border-top:1px solid var(--ph-cream-dark);vertical-align:middle;padding:13px 16px;font-size:13.5px}.usr-table tbody tr:hover{background:var(--ph-cream)}.usr-cards{flex-direction:column;gap:12px;display:none}.usr-card{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex}.usr-card--inactive{background:#dc354505;border-color:#dc35454d}.usr-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.usr-card-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.usr-card-left>div{min-width:0}.usr-card-left .usr-name{flex-wrap:wrap;font-size:14px}.usr-card-left .usr-email{word-break:break-all;font-size:12px}.usr-card-phone{color:var(--ph-text-soft);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.usr-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usr-card-login{color:var(--ph-text-muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.usr-card-joined{color:var(--ph-text-muted);font-size:11.5px}.usr-pagination{border-top:1px solid var(--ph-cream-dark);background:var(--ph-cream-card);border-radius:0 0 var(--ph-radius) var(--ph-radius);border:1.5px solid var(--ph-cream-dark);border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.usr-pagination-info{color:var(--ph-text-muted);font-size:12px}.usr-pagination-btns{gap:6px;display:flex}.usr-page-btn{width:32px;height:32px;color:var(--ph-text-soft);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);border-radius:8px;justify-content:center;align-items:center;font-size:20px;transition:border-color .2s,color .2s;display:flex}.usr-page-btn:disabled{opacity:.35;cursor:not-allowed}.usr-page-btn:not(:disabled):hover{border-color:var(--ph-crimson);color:var(--ph-crimson)}.usr-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c10078c;position:fixed;inset:0}.usr-confirm{z-index:302;background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:min(360px,92vw);box-shadow:var(--ph-shadow-md);text-align:center;padding:32px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.usr-confirm-icon{color:var(--ph-red);margin-bottom:12px;font-size:40px}.usr-confirm-text{color:var(--ph-text);margin-bottom:24px;font-size:15px;line-height:1.6}.usr-confirm-actions{justify-content:center;gap:12px;display:flex}.usr-btn-cancel{border-radius:var(--ph-radius-sm);color:var(--ph-text-soft);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);padding:10px 22px;font-size:13px;font-weight:600;transition:border-color .2s}.usr-btn-cancel:hover{border-color:var(--ph-text-muted)}.usr-btn-del{border-radius:var(--ph-radius-sm);color:#fff;background:var(--ph-red);padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .2s}.usr-btn-del:hover{opacity:.85}.usr-spinner{border:3px solid var(--ph-cream-dark);border-top-color:var(--ph-crimson);border-radius:50%;width:26px;height:26px;animation:.75s linear infinite usr-spin;display:inline-block}.usr-spinner--sm{border-width:2px;width:14px;height:14px}@keyframes usr-spin{to{transform:rotate(360deg)}}@media (width<=767px){.usr-head{flex-direction:column;align-items:stretch}.usr-stats{justify-content:stretch}.usr-stat{flex:1}.usr-table-wrap{display:none}.usr-cards{display:flex}.usr-title{font-size:20px}.usr-sub{font-size:13px}}@media (width<=400px){.usr-stats{gap:6px}.usr-stat{min-width:unset;padding:8px 10px}.usr-stat-num{font-size:17px}}.staff-wrapper{flex-direction:column;gap:28px;display:flex}.staff-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:22px;display:flex}.staff-title{font-family:var(--font-heading);color:var(--ph-text);font-size:24px;font-weight:700}.staff-sub{color:var(--ph-text-soft);margin-top:4px;font-size:14px}.staff-btn-create{background:var(--ph-crimson);color:#fff;border-radius:var(--ph-radius-sm);box-shadow:var(--ph-shadow-crimson);white-space:nowrap;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.staff-btn-create:hover{background:var(--ph-crimson-dark)}.staff-btn-create svg{font-size:20px}.staff-loading{justify-content:center;padding:60px 0;display:flex}.staff-empty{color:var(--ph-text-muted);flex-direction:column;align-items:center;gap:12px;padding:80px 0;display:flex}.staff-empty-icon{opacity:.25;font-size:52px}.staff-empty-btn{background:var(--ph-crimson-dim);border:1.5px solid var(--ph-crimson-border);color:var(--ph-crimson);border-radius:var(--ph-radius-sm);margin-top:6px;padding:10px 22px;font-size:13px;font-weight:600;transition:background .2s}.staff-empty-btn:hover{background:#b4205124}.staff-table-wrap{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);overflow:hidden}.staff-table{border-collapse:collapse;width:100%}.staff-table thead{background:var(--ph-cream-dark)}.staff-table th{letter-spacing:.7px;text-transform:uppercase;color:var(--ph-text-soft);text-align:left;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.staff-table td{color:var(--ph-text);border-top:1px solid var(--ph-cream-dark);vertical-align:middle;padding:14px 16px;font-size:13.5px}.staff-table tbody tr:hover{background:var(--ph-cream)}.staff-member{align-items:center;gap:10px;display:flex}.staff-avatar{background:linear-gradient(135deg, var(--ph-crimson-dark), var(--ph-crimson-hover));color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.staff-name{color:var(--ph-text);font-weight:600}.staff-super-icon{color:var(--ph-brass);font-size:16px}.staff-email{color:var(--ph-text-soft);font-size:13px}.staff-role-badge{letter-spacing:.4px;color:var(--ph-text-soft);background:var(--ph-cream-dark);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.staff-role-badge--super{color:var(--ph-brass-dark);background:var(--ph-brass-dim);border:1px solid var(--ph-brass-border)}.staff-status{letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.staff-status--active{color:var(--ph-green);background:#28a7451a}.staff-status--pending{color:var(--ph-red);background:#dc354514}.staff-date{color:var(--ph-text-muted);white-space:nowrap;font-size:12px}.staff-actions{gap:6px;display:flex}.staff-btn{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;transition:background .2s,color .2s;display:flex}.staff-btn--edit{color:var(--ph-brass-dark)}.staff-btn--edit:hover{background:var(--ph-brass-dim)}.staff-btn--del{color:var(--ph-red)}.staff-btn--del:hover{background:#dc354514}.staff-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1a1e80;position:fixed;inset:0}.staff-modal{z-index:301;background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:min(620px,96vw);max-height:90vh;box-shadow:var(--ph-shadow-md);flex-direction:column;display:flex;position:fixed;top:7%;left:50%;overflow:hidden;transform:translate(-50%)}.staff-modal-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.staff-modal-title{font-family:var(--font-heading);color:var(--ph-text);font-size:20px;font-weight:700}.staff-modal-close{color:var(--ph-text-muted);border-radius:6px;padding:4px;font-size:22px;transition:color .2s,background .2s}.staff-modal-close:hover{color:var(--ph-crimson);background:var(--ph-crimson-dim)}.staff-modal-form{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.staff-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.staff-field{flex-direction:column;gap:7px;display:flex}.staff-label{letter-spacing:.7px;text-transform:uppercase;color:var(--ph-text-soft);font-size:11px;font-weight:600}.staff-input{background:var(--ph-cream);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);color:var(--ph-text);outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.staff-input:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px var(--ph-crimson-dim)}.staff-select{appearance:none;cursor:pointer}.staff-perm-preview{background:var(--ph-crimson-dim);border:1px solid var(--ph-crimson-border);border-radius:var(--ph-radius-sm);padding:14px 16px}.staff-perm-preview-title{color:var(--ph-text-soft);margin-bottom:10px;font-size:12px;font-weight:600}.staff-perm-list{flex-direction:column;gap:8px;display:flex}.staff-perm-item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.staff-perm-module{color:var(--ph-crimson);text-transform:capitalize;min-width:80px;font-size:12px;font-weight:600}.staff-perm-badges{flex-wrap:wrap;gap:5px;display:flex}.staff-perm-badge{text-transform:capitalize;color:var(--ph-crimson-dark);background:#b420511a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.staff-err{color:var(--ph-red);border-radius:var(--ph-radius-xs);background:#dc35450f;border:1px solid #dc354533;padding:10px 14px;font-size:13px}.staff-modal-footer{border-top:1.5px solid var(--ph-cream-dark);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.staff-btn-cancel{border-radius:var(--ph-radius-sm);color:var(--ph-text-soft);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);padding:10px 20px;font-size:13px;font-weight:600;transition:border-color .2s}.staff-btn-cancel:hover{border-color:var(--ph-text-muted)}.staff-btn-save{border-radius:var(--ph-radius-sm);color:#fff;background:var(--ph-crimson);box-shadow:var(--ph-shadow-crimson);align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.staff-btn-save:hover{background:var(--ph-crimson-dark)}.staff-btn-save--busy{opacity:.7;pointer-events:none}.staff-confirm{z-index:302;background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:min(380px,90vw);box-shadow:var(--ph-shadow-md);text-align:center;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.staff-confirm-text{color:var(--ph-text);margin-bottom:22px;font-size:15px;line-height:1.6}.staff-confirm-actions{justify-content:center;gap:12px;display:flex}.staff-btn-del-confirm{border-radius:var(--ph-radius-sm);color:#fff;background:var(--ph-red);padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .2s}.staff-btn-del-confirm:hover{opacity:.85}.staff-btn-cancel:disabled,.staff-btn-del-confirm:disabled{opacity:.6;cursor:not-allowed}.staff-spinner{border:3px solid var(--ph-cream-dark);border-top-color:var(--ph-crimson);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite staff-spin;display:inline-block}.staff-spinner--sm{border-width:2px;border-top-color:#fff;width:16px;height:16px}@keyframes staff-spin{to{transform:rotate(360deg)}}@media (width<=768px){.staff-form-grid{grid-template-columns:1fr}}@media (width<=640px){.staff-head{flex-direction:column;align-items:stretch}.staff-btn-create{justify-content:center;width:100%}.staff-table-wrap{overflow-x:auto}.staff-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh;width:100%!important;inset:auto 0 0!important;transform:none!important}.staff-modal-footer{flex-direction:column-reverse;gap:8px}.staff-btn-cancel,.staff-btn-save{justify-content:center;width:100%}.staff-confirm-actions{flex-direction:column-reverse;align-items:stretch}.staff-btn-cancel,.staff-btn-del-confirm{justify-content:center;width:100%}}.roles-wrapper{flex-direction:column;gap:28px;display:flex}.roles-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:22px;display:flex}.roles-title{font-family:var(--font-heading);color:var(--ph-text);font-size:24px;font-weight:700}.roles-sub{color:var(--ph-text-soft);margin-top:4px;font-size:14px}.roles-btn-create{background:var(--ph-crimson);color:#fff;border-radius:var(--ph-radius-sm);box-shadow:var(--ph-shadow-crimson);white-space:nowrap;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.roles-btn-create:hover{background:var(--ph-crimson-dark)}.roles-btn-create svg{font-size:20px}.roles-loading{justify-content:center;padding:60px 0;display:flex}.roles-empty{color:var(--ph-text-muted);flex-direction:column;align-items:center;gap:12px;padding:80px 0;display:flex}.roles-empty-icon{opacity:.25;font-size:52px}.roles-empty-btn{background:var(--ph-crimson-dim);border:1.5px solid var(--ph-crimson-border);color:var(--ph-crimson);border-radius:var(--ph-radius-sm);margin-top:6px;padding:10px 22px;font-size:13px;font-weight:600;transition:background .2s}.roles-empty-btn:hover{background:#b4205124}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.roles-card{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);padding:20px;transition:border-color .2s,box-shadow .2s}.roles-card:hover{border-color:var(--ph-crimson-border);box-shadow:var(--ph-shadow)}.roles-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.roles-card-icon{background:var(--ph-crimson-dim);width:42px;height:42px;color:var(--ph-crimson);border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.roles-card-actions{gap:6px;display:flex}.roles-card-btn{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;transition:background .2s,color .2s;display:flex}.roles-card-btn--edit{color:var(--ph-brass-dark)}.roles-card-btn--edit:hover{background:var(--ph-brass-dim)}.roles-card-btn--del{color:var(--ph-red)}.roles-card-btn--del:hover{background:#dc354514}.roles-card-name{font-family:var(--font-heading);color:var(--ph-text);margin-bottom:6px;font-size:17px;font-weight:700}.roles-card-desc{color:var(--ph-text-soft);margin-bottom:12px;font-size:13px;line-height:1.5}.roles-card-stats{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.roles-card-badge{letter-spacing:.4px;color:var(--ph-text-soft);background:var(--ph-cream-dark);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.roles-card-badge--gold{color:var(--ph-brass-dark);background:var(--ph-brass-dim)}.roles-card-modules{flex-wrap:wrap;gap:5px;display:flex}.roles-card-module{text-transform:capitalize;color:var(--ph-crimson);background:var(--ph-crimson-dim);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500}.roles-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1a1e80;position:fixed;inset:0}.roles-modal{z-index:301;background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:min(780px,96vw);max-height:90vh;box-shadow:var(--ph-shadow-md);flex-direction:column;display:flex;position:fixed;top:7%;left:50%;overflow:hidden;transform:translate(-50%)}.roles-modal-head{border-bottom:1.5px solid var(--ph-cream-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.roles-modal-title{font-family:var(--font-heading);color:var(--ph-text);font-size:20px;font-weight:700}.roles-modal-close{color:var(--ph-text-muted);border-radius:6px;padding:4px;font-size:22px;transition:color .2s,background .2s}.roles-modal-close:hover{color:var(--ph-crimson);background:var(--ph-crimson-dim)}.roles-modal-form{flex-direction:column;gap:22px;padding:24px;display:flex;overflow-y:auto}.roles-modal-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.roles-field{flex-direction:column;gap:7px;display:flex}.roles-label{letter-spacing:.7px;text-transform:uppercase;color:var(--ph-text-soft);font-size:11px;font-weight:600}.roles-input{background:var(--ph-cream);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);color:var(--ph-text);outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.roles-input:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px var(--ph-crimson-dim)}.roles-matrix-wrap{flex-direction:column;gap:10px;display:flex}.roles-matrix-title{color:var(--ph-text);letter-spacing:.3px;font-size:13px;font-weight:600}.roles-matrix{border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);overflow:hidden}.roles-matrix-row{border-bottom:1px solid var(--ph-cream-dark);grid-template-columns:1.6fr repeat(4,1fr);align-items:center;display:grid}.roles-matrix-row:last-child{border-bottom:none}.roles-matrix-header{background:var(--ph-cream-dark)}.roles-matrix-module{color:var(--ph-text);border-right:1px solid var(--ph-cream-dark);align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.roles-matrix-header .roles-matrix-module{color:var(--ph-text-soft);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.roles-matrix-action{color:var(--ph-text-soft);text-transform:capitalize;justify-content:center;align-items:center;padding:10px;font-size:12px;font-weight:600;display:flex}.roles-matrix-all{border:1.5px solid var(--ph-cream-dark);width:18px;height:18px;color:var(--ph-crimson);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:border-color .2s,background .2s;display:flex}.roles-matrix-all--on{background:var(--ph-crimson-dim);border-color:var(--ph-crimson-border)}.roles-chk{border:1.5px solid var(--ph-cream-dark);color:#fff;cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;transition:background .2s,border-color .2s;display:flex}.roles-chk--on{background:var(--ph-crimson);border-color:var(--ph-crimson)}.roles-chk:hover:not(.roles-chk--on){border-color:var(--ph-crimson-border);background:var(--ph-crimson-dim)}.roles-matrix-group-row{border-bottom:1px solid var(--ph-cream-dark);background:linear-gradient(90deg,#c5a05914,#b420510a);align-items:center;gap:10px;padding:7px 16px;display:flex}.roles-matrix-group-name{letter-spacing:1.4px;text-transform:uppercase;color:var(--ph-brass-dark);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.roles-matrix-group-line{background:#c5a05940;flex:1;height:1px}.roles-matrix-row--grouped{border-left:3px solid #c5a05959}.roles-matrix-row--grouped .roles-matrix-module{color:var(--ph-text-soft);padding-left:20px;font-size:12.5px}.roles-matrix-row--grouped .roles-matrix-module:hover{background:#c5a0590d}.roles-matrix-mod-icon{color:var(--ph-brass-dark);opacity:.7;flex-shrink:0;font-size:15px}.roles-err{color:var(--ph-red);border-radius:var(--ph-radius-xs);background:#dc35450f;border:1px solid #dc354533;padding:10px 14px;font-size:13px}.roles-modal-footer{border-top:1.5px solid var(--ph-cream-dark);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.roles-btn-cancel{border-radius:var(--ph-radius-sm);color:var(--ph-text-soft);border:1.5px solid var(--ph-cream-dark);background:var(--ph-cream);padding:10px 20px;font-size:13px;font-weight:600;transition:border-color .2s}.roles-btn-cancel:hover{border-color:var(--ph-text-muted)}.roles-btn-save{border-radius:var(--ph-radius-sm);color:#fff;background:var(--ph-crimson);box-shadow:var(--ph-shadow-crimson);align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.roles-btn-save:hover{background:var(--ph-crimson-dark)}.roles-btn-save--busy{opacity:.7;pointer-events:none}.roles-btn-cancel:disabled,.roles-btn-del-confirm:disabled{opacity:.6;cursor:not-allowed}.roles-confirm{z-index:302;background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:min(400px,90vw);box-shadow:var(--ph-shadow-md);text-align:center;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.roles-confirm-text{color:var(--ph-text);margin-bottom:22px;font-size:15px;line-height:1.6}.roles-confirm-actions{justify-content:center;gap:12px;display:flex}.roles-btn-del-confirm{border-radius:var(--ph-radius-sm);color:#fff;background:var(--ph-red);padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .2s}.roles-btn-del-confirm:hover{opacity:.85}.roles-spinner{border:3px solid var(--ph-cream-dark);border-top-color:var(--ph-crimson);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite roles-spin;display:inline-block}.roles-spinner--sm{border-width:2px;border-top-color:#fff;width:16px;height:16px}@keyframes roles-spin{to{transform:rotate(360deg)}}@media (width<=640px){.roles-head{flex-direction:column;align-items:stretch}.roles-btn-create{justify-content:center;width:100%}.roles-grid{grid-template-columns:1fr}.roles-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh;width:100%!important;inset:auto 0 0!important;transform:none!important}.roles-modal-fields{grid-template-columns:1fr}.roles-modal-form{padding:16px}.roles-matrix{overflow-x:auto}.roles-matrix-row{grid-template-columns:140px repeat(4,1fr);min-width:380px}.roles-matrix-group-row{min-width:380px}.roles-modal-footer{flex-direction:column-reverse;gap:8px}.roles-btn-cancel,.roles-btn-save{justify-content:center;width:100%}.roles-confirm-actions{flex-direction:column-reverse;align-items:stretch}.roles-btn-cancel,.roles-btn-del-confirm{justify-content:center;width:100%}}.bn-root{max-width:1100px;padding:0}.bn-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.bn-page-title{font-family:var(--font-heading);color:var(--ph-text);align-items:center;gap:10px;margin:0 0 4px;font-size:22px;font-weight:700;display:flex}.bn-page-icon{color:var(--ph-crimson)}.bn-page-sub{color:var(--ph-text-soft);margin:0;font-size:13px}.bn-btn{border-radius:var(--ph-radius-sm);cursor:pointer;border:none;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.bn-btn--primary{background:var(--ph-crimson);color:#fff;box-shadow:var(--ph-shadow-crimson)}.bn-btn--primary:hover:not(:disabled){background:var(--ph-crimson-dark);transform:translateY(-1px)}.bn-btn--primary:disabled{opacity:.55;cursor:not-allowed}.bn-btn--ghost{color:var(--ph-text-soft);border:1.5px solid var(--ph-cream-dark);background:0 0}.bn-btn--ghost:hover{background:var(--ph-cream)}.bn-alert{border-radius:var(--ph-radius-sm);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.bn-alert button{cursor:pointer;color:#b91c1c;background:0 0;border:none}.bn-tabs{border-bottom:2px solid var(--ph-cream-dark);gap:6px;margin-bottom:8px;display:flex}.bn-tab{color:var(--ph-text-soft);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.bn-tab:hover{color:var(--ph-text)}.bn-tab--active{color:var(--ph-crimson);border-bottom-color:var(--ph-crimson)}.bn-tab-badge{background:var(--ph-cream-dark);min-width:20px;height:20px;color:var(--ph-text-soft);border-radius:100px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.bn-tab--active .bn-tab-badge{background:var(--ph-crimson-dim);color:var(--ph-crimson)}.bn-tab-desc{color:var(--ph-text-muted);margin:0 0 20px;padding-top:6px;font-size:13px}.bn-promo-notice{border-radius:var(--ph-radius-sm);color:#92400e;background:#fefce8;border:1px solid #fde68a;margin-top:16px;padding:10px 14px;font-size:13px}.bn-modal-sub{color:var(--ph-text-muted);margin:2px 0 0;font-size:12px}.bn-skeleton-list{flex-direction:column;gap:12px;display:flex}.bn-skeleton-card{border-radius:var(--ph-radius);background:var(--ph-cream-dark);height:96px;animation:1.4s ease-in-out infinite bnSkelPulse}@keyframes bnSkelPulse{0%,to{opacity:1}50%{opacity:.45}}.bn-list{flex-direction:column;gap:12px;display:flex}.bn-card{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .18s,border-color .18s;display:flex}.bn-card:hover{box-shadow:var(--ph-shadow);border-color:var(--ph-crimson-border)}.bn-card--inactive{opacity:.58}.bn-card-thumb{border-radius:var(--ph-radius-sm);background:var(--ph-cream);flex:0 0 140px;height:70px;position:relative;overflow:hidden}.bn-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bn-card-thumb-empty{width:100%;height:100%;color:var(--ph-text-muted);justify-content:center;align-items:center;display:flex}.bn-card-thumb-empty--sm{background:var(--ph-cream)}.bn-card-inactive-badge{color:#fff;background:#0000008c;border-radius:4px;padding:2px 7px;font-size:10px;position:absolute;top:4px;left:4px}.bn-card-mobile-thumb{border-radius:var(--ph-radius-xs);background:var(--ph-cream);flex:0 0 36px;height:70px;overflow:hidden}.bn-card-mobile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bn-card-info{flex:1;min-width:0;overflow:hidden}.bn-card-title{color:var(--ph-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.bn-card-untitled{color:var(--ph-text-muted);font-style:italic}.bn-card-sub{color:var(--ph-text-soft);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 6px;font-size:12px;display:-webkit-box;overflow:hidden}.bn-card-meta{align-items:center;gap:8px;display:flex}.bn-card-chip{background:var(--ph-crimson-dim);color:var(--ph-crimson-dark);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.bn-card-order{color:var(--ph-text-muted);font-size:11px}.bn-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.bn-card-reorder{gap:2px;display:flex}.bn-icon-btn{background:var(--ph-cream-dark);cursor:pointer;width:32px;height:32px;color:var(--ph-text-soft);border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.bn-icon-btn:hover:not(:disabled){background:var(--ph-cream)}.bn-icon-btn:disabled{opacity:.35;cursor:not-allowed}.bn-icon-btn--active{color:#1a7f37;background:#28a74524}.bn-icon-btn--edit:hover{background:var(--ph-brass-dim);color:var(--ph-brass-dark)}.bn-icon-btn--del:hover{color:var(--ph-red);background:#dc35451a}.bn-empty{text-align:center;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.bn-empty-icon{color:var(--ph-crimson);opacity:.2;margin-bottom:16px;font-size:56px}.bn-empty-title{font-family:var(--font-heading);color:var(--ph-text);margin:0 0 8px;font-size:18px;font-weight:700}.bn-empty-sub{color:var(--ph-text-muted);max-width:360px;margin:0 0 24px;font-size:14px}.bn-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#1a0d1280;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bn-modal{background:var(--ph-cream-card);border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius);width:100%;max-width:780px;max-height:90vh;box-shadow:var(--ph-shadow-md);overflow-y:auto}.bn-modal-head{background:var(--ph-cream-card);z-index:1;border-bottom:1.5px solid var(--ph-cream-dark);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.bn-modal-title{font-family:var(--font-heading);color:var(--ph-text);margin:0;font-size:18px;font-weight:700}.bn-close-btn{border-radius:var(--ph-radius-sm);background:var(--ph-cream-dark);cursor:pointer;width:36px;height:36px;color:var(--ph-text-soft);border:none;justify-content:center;align-items:center;display:flex}.bn-close-btn:hover{background:var(--ph-cream);color:var(--ph-crimson)}.bn-modal-body{flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex}.bn-images-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bn-upload-wrap{flex-direction:column;gap:6px;display:flex}.bn-label{color:var(--ph-text-soft);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.bn-upload-box{border:2px dashed var(--ph-cream-dark);border-radius:var(--ph-radius-sm);cursor:pointer;background:var(--ph-cream);justify-content:center;align-items:center;min-height:120px;padding:16px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.bn-upload-box:hover,.bn-upload-box--drag{border-color:var(--ph-crimson);background:var(--ph-crimson-dim)}.bn-upload-box--filled{border-style:solid;padding:0}.bn-upload-preview{object-fit:cover;border-radius:var(--ph-radius-xs);width:100%;height:120px;display:block}.bn-upload-change{color:#fff;opacity:0;border-radius:var(--ph-radius-xs);background:#1a0d128c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:opacity .18s;display:flex;position:absolute;inset:0}.bn-upload-box--filled:hover .bn-upload-change{opacity:1}.bn-upload-placeholder{flex-direction:column;align-items:center;gap:6px;display:flex}.bn-upload-placeholder-icon{color:var(--ph-crimson);opacity:.5}.bn-upload-placeholder span:first-of-type{color:var(--ph-text-soft);font-size:13px;font-weight:500}.bn-upload-hint{color:var(--ph-text-muted);text-align:center;font-size:11px}.bn-field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bn-field{flex-direction:column;gap:5px;display:flex}.bn-field--full{grid-column:1/-1}.bn-input{border:1.5px solid var(--ph-cream-dark);border-radius:var(--ph-radius-sm);color:var(--ph-text);background:var(--ph-cream);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.bn-input:focus{border-color:var(--ph-crimson);box-shadow:0 0 0 3px var(--ph-crimson-dim)}.bn-textarea{resize:vertical;min-height:72px}.bn-toggle-wrap{cursor:pointer;align-items:center;gap:10px;display:flex}.bn-toggle-wrap input{display:none}.bn-toggle-track{background:var(--ph-cream-dark);border-radius:99px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.bn-toggle-wrap input:checked~.bn-toggle-track{background:var(--ph-crimson)}.bn-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.bn-toggle-wrap input:checked~.bn-toggle-track .bn-toggle-thumb{transform:translate(18px)}.bn-toggle-label{color:var(--ph-text-soft);font-size:13px;font-weight:500}.bn-err{color:#b91c1c;border-radius:var(--ph-radius-xs);background:#fef2f2;border:1px solid #fecaca;margin:0;padding:9px 12px;font-size:13px}.bn-modal-foot{border-top:1px solid var(--ph-cream-dark);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:4px;display:flex}@media (width<=640px){.bn-header{flex-direction:column;align-items:stretch;margin-bottom:20px}.bn-header .bn-btn{justify-content:center;width:100%}.bn-tabs{gap:2px}.bn-tab{padding:9px 12px;font-size:13px}.bn-card{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.bn-card-thumb{flex:unset;border-radius:0;width:100%;height:160px}.bn-card-mobile-thumb{display:none}.bn-card-info{padding:12px 14px 0}.bn-card-title{white-space:normal;font-size:13px}.bn-card-actions{border-top:1px solid var(--ph-cream-dark);justify-content:flex-end;gap:8px;width:100%;margin-top:10px;padding:10px 12px}.bn-icon-btn{width:36px;height:36px}.bn-skeleton-card{height:200px}.bn-modal-overlay{align-items:flex-end;padding:0}.bn-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.bn-modal-head{padding:16px 16px 14px}.bn-modal-title{font-size:16px}.bn-modal-body{gap:14px;padding:16px 16px 20px}.bn-images-row{grid-template-columns:1fr;gap:12px}.bn-upload-box{min-height:100px}.bn-upload-preview{height:100px}.bn-field-grid{grid-template-columns:1fr;gap:12px}.bn-modal-foot{flex-direction:column-reverse;gap:8px}.bn-modal-foot .bn-btn{justify-content:center;width:100%;padding:13px}.bn-empty{padding:40px 16px}.bn-empty-icon{font-size:42px}}@media (width<=400px){.bn-card-thumb{height:130px}.bn-tab{padding:8px 10px;font-size:12px}.bn-tab-badge{min-width:18px;height:18px;font-size:10px}}.orders-content{flex-direction:column;gap:20px;padding:24px 28px 48px;display:flex}.ord-stats{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.ord-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);border-top:3px solid;flex-direction:column;gap:4px;padding:16px 14px 12px;display:flex}.ord-stat__val{font-size:1.35rem;font-weight:900;line-height:1}.ord-stat__label{color:var(--text2);font-size:.72rem;font-weight:500}.ord-toolbar{flex-direction:column;gap:12px;display:flex}.ord-search{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:10px;max-width:420px;padding:10px 14px;transition:border-color .2s;display:flex}.ord-search:focus-within{border-color:var(--primary)}.ord-search svg{color:var(--text2);flex-shrink:0}.ord-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.ord-search__clear{cursor:pointer;color:var(--text2);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.8rem;transition:background .15s}.ord-search__clear:hover{background:var(--border)}.ord-filters{flex-wrap:wrap;gap:8px;display:flex}.ord-filter{border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .18s}.ord-filter:hover{border-color:var(--primary);color:var(--primary)}.ord-filter.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 10px #2563eb4d}.ord-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.ord-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ord-count{color:var(--text2);font-size:.82rem;font-weight:600}.ord-loading{flex-direction:column;gap:12px;padding:20px;display:flex}.ord-skeleton{border-radius:var(--r);background:var(--border);height:52px;animation:1.4s ease-in-out infinite pulse}.ord-empty{color:var(--text2);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.ord-empty p{font-size:.9rem}.ord-table-wrap{overflow-x:auto}.ord-table{border-collapse:collapse;width:100%;font-size:.84rem}.ord-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);background:var(--surface2,#f8f8fc);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:700}.ord-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.ord-row{cursor:pointer;transition:background .15s}.ord-row:hover{background:var(--surface2,#f8f8fc)}.ord-table tr:last-child td{border-bottom:none}.ord-id{color:var(--primary);font-size:.82rem;font-weight:700}.ord-sr-badge{color:#1e40af;vertical-align:middle;background:#dbeafe;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.58rem;font-weight:800;display:inline-block}.ord-customer{align-items:center;gap:10px;display:flex}.ord-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;display:flex}.ord-name{color:var(--text);margin:0;font-size:.82rem;font-weight:700}.ord-email{color:var(--text2);margin:0;font-size:.72rem}.ord-items{color:var(--text2);font-size:.8rem}.ord-total{color:var(--text);font-size:.88rem;font-weight:800}.ord-date{color:var(--text2);white-space:nowrap;font-size:.78rem}.ord-status-sel{cursor:pointer;text-transform:capitalize;appearance:none;text-align:center;border:none;border-radius:999px;outline:none;padding:5px 10px;font-size:.73rem;font-weight:700}.ord-view-btn{border:1.5px solid var(--border);color:var(--primary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:.75rem;font-weight:700;transition:all .18s}.ord-view-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ord-pagination{border-top:1px solid var(--border);color:var(--text2);justify-content:center;align-items:center;gap:16px;padding:16px;font-size:.82rem;display:flex}.ord-pagination button{border-radius:var(--r);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);padding:7px 16px;font-size:.78rem;font-weight:700;transition:all .18s}.ord-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ord-pagination button:disabled{opacity:.4;cursor:not-allowed}.ord-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ord-modal{background:var(--surface);flex-direction:column;width:520px;max-width:100vw;height:100vh;animation:.25s both slideIn;display:flex;overflow-y:auto}.ord-modal__head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;align-items:center;gap:12px;padding:20px 24px;display:flex;position:sticky;top:0}.ord-modal__head h3{color:var(--text);flex:1;margin:0;font-size:1rem;font-weight:800}.ord-modal__meta{align-items:center;gap:10px;display:flex}.ord-modal__date{color:var(--text2);font-size:.78rem}.ord-modal__close{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text2);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:all .18s;display:flex}.ord-modal__close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.ord-modal__body{flex-direction:column;flex:1;gap:24px;padding:20px 24px;display:flex}.ord-modal__section h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:.78rem;font-weight:800}.ord-modal__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ord-modal__info-block label{text-transform:uppercase;letter-spacing:.05em;color:var(--text2);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.ord-modal__info-block p{color:var(--text);margin:0 0 2px;font-size:.82rem;font-weight:600}.muted{color:var(--text2)!important;font-weight:400!important}.ord-modal__items{flex-direction:column;gap:10px;display:flex}.ord-modal__item{background:var(--surface2,#f8f8fc);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:12px;padding:10px;display:flex}.ord-modal__item-img{border-radius:var(--r);background:var(--border);flex-shrink:0;width:52px;height:52px;overflow:hidden}.ord-modal__item-img img{object-fit:cover;width:100%;height:100%}.ord-modal__no-img{width:100%;height:100%}.ord-modal__item-info{flex:1}.ord-modal__item-title{color:var(--text);margin:0 0 3px;font-size:.82rem;font-weight:700;line-height:1.3}.ord-modal__item-meta{flex-wrap:wrap;gap:8px;font-size:.71rem;display:flex}.ord-modal__item-price{color:var(--text);flex-shrink:0;margin:0;font-size:.88rem;font-weight:800}.ord-modal__totals{flex-direction:column;gap:8px;display:flex}.ord-modal__total-row{color:var(--text2);justify-content:space-between;font-size:.84rem;display:flex}.ord-modal__total-row--bold{color:var(--text);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:.95rem;font-weight:800}.ord-modal__pay-id{color:var(--text2);margin-top:10px;font-size:.75rem}.ord-modal__pay-id code{background:var(--surface2,#f4f4f8);color:var(--text);word-break:break-all;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:.73rem}@media (width<=1100px){.ord-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.orders-content{padding:16px}.ord-stats{grid-template-columns:repeat(2,1fr)}.ord-modal{width:100vw}.ord-modal__row{grid-template-columns:1fr}}