.login-page{color:#0f172a;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.login-bg{z-index:0;background:#f8fafc;position:fixed;inset:0}.login-bg-grid{background-image:linear-gradient(#94a3b812 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.login-bg-glow{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.login-bg-glow--one{background:#2563eb1f;width:520px;height:520px;top:-180px;right:-120px}.login-bg-glow--two{background:#0ea5e91a;width:420px;height:420px;bottom:-140px;left:-100px}.login-center{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex;position:relative}.login-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;width:100%;max-width:420px;animation:.5s both login-card-in;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f,0 24px 48px #0f172a0a}@keyframes login-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card-header{text-align:center;padding:36px 32px 0}.login-logo-wrap{color:#2563eb;background:linear-gradient(145deg,#eff6ff 0%,#dbeafe 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex;box-shadow:inset 0 1px #fffc}.login-card-header h1{letter-spacing:-.03em;color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:700}.login-tagline{color:#64748b;font-size:13px;font-weight:500}.login-card-body{padding:28px 32px 8px}.login-intro{margin-bottom:24px}.login-intro h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:700}.login-intro p{color:#64748b;font-size:14px}.login-form{flex-direction:column;gap:2px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;left:14px}.input-wrap input,.input-wrap .input-field{color:#0f172a;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px 0 42px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.input-wrap--password input,.input-wrap--password .input-field{padding-right:68px}.input-wrap input::placeholder,.input-wrap .input-field::placeholder{color:#94a3b8}.input-wrap input:hover,.input-wrap .input-field:hover{border-color:#cbd5e1}.input-wrap input:focus,.input-wrap .input-field:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1a}.input-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;height:30px;padding:0 10px;font-size:12px;font-weight:600;transition:color .15s,background .15s;position:absolute;right:10px}.input-toggle:hover{color:#2563eb;background:#f1f5f9}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:8px;font-size:14px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.login-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb47}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.login-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite auth-spin}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:18px;padding:11px 14px;font-size:13px;line-height:1.45}.login-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:18px 32px 24px;font-size:12px;display:flex}.login-card-footer svg{color:#22c55e;flex-shrink:0}.login-copyright{color:#94a3b8;margin-top:20px;font-size:12px}.auth-loading-screen{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.auth-loading-brand{color:#2563eb;background:linear-gradient(145deg,#eff6ff 0%,#dbeafe 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.auth-loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite auth-spin}.auth-loading-screen p{color:#64748b;font-size:14px;font-weight:500}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=480px){.login-center{padding:24px 16px 20px}.login-card{border-radius:18px}.login-card-header{padding:28px 24px 0}.login-card-body{padding:24px 24px 4px}.login-card-footer{padding:16px 24px 20px}}@media (prefers-reduced-motion:reduce){.login-card{animation:none}.login-btn:hover:not(:disabled){transform:none}}.dash{background:#f8fafc;min-height:100vh;padding:28px 32px 40px;font-family:Inter,system-ui,sans-serif}.dash-hero{background:#fff;border:1px solid #e8ecf0;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding:28px;display:flex;box-shadow:0 1px 2px #0f172a0a}.dash-hero-main{flex:1;min-width:0}.dash-range-tabs{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.dash-range-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s}.dash-range-tab:hover{color:#334155;border-color:#cbd5e1}.dash-range-tab.is-active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.dash-eyebrow{color:#2563eb;margin-bottom:8px;font-size:13px;font-weight:700}.dash-hero h1{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:30px;font-weight:700}.dash-hero p{color:#64748b;margin-top:8px;font-size:14px}.dash-actions{flex-wrap:wrap;gap:12px;display:flex}.dash-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dash-btn--primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 10px 20px #2563eb2e}.dash-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.dash-card{color:inherit;background:#fff;border:1px solid #e5eaf0;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:128px;padding:18px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 8px 25px #0f172a0a}.dash-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #0f172a14}.dash-card-icon{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dash-card-icon--green{color:#16a34a;background:#ecfdf5}.dash-card-icon--blue{color:#2563eb;background:#eff6ff}.dash-card-icon--orange{color:#f97316;background:#fff7ed}.dash-card-icon--purple{color:#7c3aed;background:#f5f3ff}.dash-card-icon--cyan{color:#0891b2;background:#ecfeff}.dash-card-icon--red{color:#dc2626;background:#fef2f2}.dash-card p{color:#64748b;margin:14px 0 6px;font-size:13px;font-weight:500}.dash-card h3{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:27px;font-weight:700}.dash-card-value-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-delta{border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.dash-delta--up{color:#15803d;background:#ecfdf5}.dash-delta--down{color:#b91c1c;background:#fef2f2}.dash-delta--new{color:#2563eb;background:#eff6ff}.dash-side-stack{flex-direction:column;gap:22px;display:flex}.dash-alert-list{flex-direction:column;gap:10px;list-style:none;display:flex}.dash-alert-item{border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.dash-alert-item--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.dash-alert-item--danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dash-alert-item--info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.dash-alert-item:hover{transform:translate(2px)}.dash-alert-empty,.dash-chart-empty{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:14px;place-items:center;min-height:180px;font-size:14px;display:grid}.dash-top-list{flex-direction:column;gap:10px;list-style:none;display:flex}.dash-top-list li{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.dash-top-rank{color:#2563eb;background:#eef4ff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.dash-top-copy{min-width:0}.dash-top-copy strong{color:#0f172a;margin-bottom:2px;font-size:14px;display:block}.dash-top-copy span{color:#64748b;font-size:12px}.dash-pay-split{flex-direction:column;gap:12px;display:flex}.dash-pay-row{color:#334155;justify-content:space-between;align-items:center;font-size:14px;display:flex}.dash-pay-row span{align-items:center;gap:8px;display:inline-flex}.dash-pay-row strong em{color:#94a3b8;font-style:normal;font-weight:600}.dash-pay-bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.dash-pay-bar-cod{background:#2563eb;border-radius:999px;height:100%}.dash-user-card{color:inherit;background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;padding:16px;text-decoration:none;transition:all .15s}.dash-user-card:hover{background:#fff;border-color:#dbeafe}.dash--loading{padding-top:8px}.dash-skeleton-hero,.dash-skeleton-card,.dash-skeleton-panel{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;animation:1.2s infinite dash-shimmer}.dash-skeleton-hero{height:140px;margin-bottom:22px}.dash-skeleton-cards{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:22px;display:grid}.dash-skeleton-card{height:128px}.dash-skeleton-panels{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.dash-skeleton-panel{height:320px}.dash-skeleton-panel--wide{grid-column:span 1}@keyframes dash-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dash-grid{grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:22px;display:grid}.dash-grid--bottom{grid-template-columns:1.2fr .8fr;align-items:start}.dash-panel{background:#fff;border:1px solid #e5eaf0;border-radius:22px;padding:22px;box-shadow:0 8px 25px #0f172a0a}.dash-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dash-panel-head h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700}.dash-panel-head p{color:#64748b;margin-top:5px;font-size:13px}.dash-view{color:#2563eb;align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dash-table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:13px}.dash-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #eef2f7;padding:12px 10px;font-size:11px;font-weight:700}.dash-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 10px}.dash-table tr:last-child td{border-bottom:none}.dash-link{color:#2563eb;font-weight:700;text-decoration:none}.dash-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.dash-badge.success{color:#166534;background:#dcfce7}.dash-badge.warning{color:#92400e;background:#fef3c7}.dash-health-list{flex-direction:column;gap:14px;display:flex}.dash-health-list div{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.dash-health-list span{color:#64748b;font-size:14px;font-weight:500}.dash-health-list strong{color:#0f172a;font-size:18px}.dash-user-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.dash-avatar{color:#2563eb;background:#eef4ff;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-weight:700;display:flex;overflow:hidden}.dash-avatar img{object-fit:cover;width:100%;height:100%}.dash-user-card h4{color:#0f172a;margin:12px 0 4px;font-size:14px;font-weight:700}.dash-user-card p{color:#64748b;word-break:break-all;margin:0;font-size:12px}.dash-user-card span{color:#2563eb;text-transform:capitalize;background:#eef4ff;border-radius:999px;margin-top:12px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.dash-empty,.dash-empty-text{color:#94a3b8;text-align:center;padding:36px}.dash-loading{color:#64748b;place-items:center;min-height:70vh;display:grid}.dash-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1400px){.dash-cards,.dash-user-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.dash-grid,.dash-grid--bottom,.dash-skeleton-panels{grid-template-columns:1fr}}@media (width<=900px){.dash{padding:22px 18px}.dash-hero{flex-direction:column;align-items:flex-start}.dash-cards,.dash-skeleton-cards,.dash-user-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dash{padding:18px 14px}.dash-hero{padding:22px}.dash-hero h1{font-size:24px}.dash-actions{width:100%}.dash-btn{flex:1;justify-content:center}.dash-cards{grid-template-columns:repeat(2,1fr);gap:10px}.dash-card{border-radius:16px;min-height:96px;padding:14px}.dash-card-icon{border-radius:11px;width:34px;height:34px}.dash-card p{margin:10px 0 4px;font-size:11px}.dash-card h3{font-size:20px}.dash-user-grid{grid-template-columns:1fr}}.sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;height:100vh;transition:transform .25s,width .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;height:76px;padding:0 20px;display:flex}.logo-mark{color:#2563eb;background:#eef4ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-logo h2{color:#0f172a;margin:0;font-size:14px;font-weight:700;line-height:1.2}.sidebar-logo p{color:#64748b;margin:3px 0 0;font-size:12px}.sidebar-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-left:auto;padding:6px;display:none}.sidebar-close-btn:hover{color:#0f172a;background:#f1f5f9}.sidebar-nav{flex:1;padding:18px 12px}.nav-item{color:#475569;border-radius:12px;align-items:center;gap:12px;height:42px;margin-bottom:6px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{color:#2563eb;background:#f8fafc}.nav-item.active{color:#2563eb;background:#f8fafc;font-weight:600;box-shadow:inset 3px 0 #2563eb}.nav-item svg{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid #eef2f7;padding:16px 12px}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;height:42px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.logout-btn:hover{color:#dc2626;background:#fef2f2}.sidebar-backdrop{display:none}@media (width<=1024px){.sidebar{width:86px}.sidebar-logo{justify-content:center;padding:0}.sidebar-logo h2,.sidebar-logo p,.nav-item span,.logout-btn span{display:none}.nav-item,.logout-btn{justify-content:center;padding:0}.sidebar-close-btn{display:none}}@media (width<=480px){.sidebar{width:260px;transform:translate(-100%);box-shadow:0 0 #0000}.sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 30px #0f172a1f}.sidebar-logo{justify-content:flex-start;padding:0 20px}.sidebar-logo h2,.sidebar-logo p,.nav-item span,.logout-btn span{display:block}.nav-item,.logout-btn{justify-content:flex-start;padding:0 14px}.sidebar-close-btn{justify-content:center;align-items:center;display:inline-flex}.sidebar-backdrop{z-index:99;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}}.topbar{z-index:99;background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-title{color:#0f172a;letter-spacing:-.03em;font-size:28px;font-weight:700}.topbar-menu-btn{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:none}.topbar-menu-btn:hover{background:#f8fafc}.topbar-right{align-items:center;gap:18px;display:flex}.topbar-user{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.topbar-user:hover{background:#f8fafc}.topbar-avatar{color:#2563eb;background:#eef4ff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-info p{color:#0f172a;font-size:14px;font-weight:600}.topbar-user-info span{color:#64748b;font-size:12px}.topbar-arrow{color:#94a3b8}@media (width<=900px){.topbar{padding:0 18px}.topbar-title{font-size:22px}.topbar-user-info,.topbar-arrow{display:none}}@media (width<=480px){.topbar-menu-btn{display:flex}.topbar-title{font-size:18px}}html{scroll-behavior:smooth}body{color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.admin-layout{background:#f8fafc;width:100%;min-height:100vh;display:flex}.admin-main{background:#f8fafc;flex:1;min-width:0;min-height:100vh;margin-left:260px;transition:margin-left .2s}.admin-content{background:#f8fafc;width:100%;min-height:calc(100vh - 72px);overflow-x:hidden}.admin-page{width:100%;padding:28px 32px 40px}@media (width<=1024px){.admin-main{margin-left:86px}.admin-page{padding:24px 20px 36px}}@media (width<=768px){.admin-content{min-height:calc(100vh - 64px)}.admin-page{padding:20px 16px 32px}}@media (width<=480px){.admin-main{margin-left:0}.admin-page{padding:18px 14px 28px}}img,video,iframe,table{max-width:100%}.admin-info-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.admin-info-banner a{color:#2563eb;text-underline-offset:2px;font-weight:700;text-decoration:underline}.admin-info-banner a:hover{color:#1d4ed8}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-title{color:#0f172a;letter-spacing:-.04em;margin:0 0 4px;font-size:28px;font-weight:700}.page-subtitle{color:#64748b;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 10px 22px #2563eb2e}.table-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table thead tr{background:#f8fafc}.admin-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:11px;font-weight:700}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 16px}.admin-table tr:hover td{background:#fbfdff}.category-name-cell{align-items:center;gap:12px;min-width:280px;display:flex}.category-name-cell span{color:#0f172a;font-weight:600;line-height:1.35}.category-thumb{object-fit:cover;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;flex-shrink:0;width:48px;height:48px}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#64748b;background:#f1f5f9}.status-badge.pending{color:#b45309;background:#fffbeb}.status-cell{flex-direction:column;gap:6px;display:flex}.status-toggle input[type=checkbox]{accent-color:#2563eb;width:15px;height:15px}.status-badge.featured{color:#ea580c;background:#fff7ed}.status-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.status-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.status-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.action-btns{gap:8px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.action-btn.edit:hover{color:#2563eb;background:#eff6ff}.action-btn.delete:hover{color:#dc2626;background:#fef2f2}.loading-text{color:#64748b;text-align:center;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:36px}@media (width<=1100px){.table-card{overflow-x:auto}.admin-table{min-width:980px}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center;width:100%}}.category-title{color:#0f172a;font-weight:600}.empty-state{text-align:center;padding:80px 20px}.empty-state h3{margin-bottom:8px;font-size:22px}.empty-state p{color:#64748b;margin-bottom:24px}.categories-page .filter-bar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a08}.categories-page .search-box{color:#94a3b8;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:240px;height:44px;padding:0 14px;display:flex}.categories-page .search-box input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;font-size:14px}.categories-page .filter-bar select{color:#334155;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;min-width:170px;height:44px;padding:0 14px;font-size:14px}.category-stats{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.category-stat-chip{color:#475569;background:#fff;border:1px solid #e5eaf0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.category-stat-chip strong{color:#0f172a}.categories-skeleton{flex-direction:column;gap:10px;display:flex}.categories-skeleton-row{background:linear-gradient(90deg,#f1f5f9 0%,#e8edf3 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:12px;height:56px;animation:1.2s ease-in-out infinite categories-shimmer}@keyframes categories-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.categories-empty{background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 24px #0f172a08}.categories-empty-icon{color:#94a3b8;margin-bottom:12px}.slug-badge{color:#475569;background:#f1f5f9;border-radius:8px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:12px;display:inline-block}.parent-badge{color:#2563eb;background:#eef4ff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.root-badge{color:#64748b;background:#f8fafc;border:1px solid #e5eaf0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.category-tree-name{align-items:center;gap:8px;display:flex}.category-tree-indent{color:#cbd5e1;flex-shrink:0;font-size:12px}.category-type-badge{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border:1px solid #e5eaf0;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.action-btn.view{color:#3348ff}.action-btn.view:hover{color:#3348ff;background:#eef0ff}.category-form-loading{max-width:900px}@media (width<=768px){.categories-page .filter-bar{flex-direction:column;align-items:stretch}.categories-page .search-box,.categories-page .filter-bar select{width:100%;min-width:0}}.form-page{max-width:1220px;margin:0 auto;padding:32px}.form-header{margin-bottom:22px}.form-header--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.view-store-btn{white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.form-tabs{background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:4px;display:flex}.form-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.form-tab:hover{color:#334155;background:#eef2f7}.form-tab.active{color:#3348ff;background:#fff;box-shadow:0 2px 8px #3348ff1f}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:13px;font-weight:600}.admin-form{flex-direction:column;gap:22px;display:flex}.form-grid{grid-template-columns:1.65fr 1fr;align-items:start;gap:22px;display:grid}.form-col,.form-section{background:#fff;border:1px solid #e5eaf0;border-radius:22px;padding:28px;box-shadow:0 8px 24px #0f172a0a}.form-col{flex-direction:column;gap:22px;display:flex}.form-col:nth-child(2){position:sticky;top:96px}.form-section{flex-direction:column;gap:18px;display:flex}.section-title{color:#0f172a;letter-spacing:-.02em;font-size:17px;font-weight:700}.section-hint{color:#64748b;font-size:13px;line-height:1.5}.form-group{flex-direction:column;gap:9px;display:flex}.form-group label{color:#475569;font-size:13px;font-weight:600}.form-group select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}.form-group input,.form-group select,.form-group textarea{color:#0f172a;background:#fbfdff;border:1px solid #e5eaf0;border-radius:14px;outline:none;width:100%;min-height:50px;padding:0 16px;font-size:14px;transition:all .18s}.form-group textarea{resize:vertical;min-height:120px;padding:15px 16px;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:none;background:#fff;border-color:#94a3b8}.toggle-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.toggle-row input[type=checkbox]{accent-color:#2563eb;width:18px;height:18px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gallery-item,.gallery-add{aspect-ratio:1;background:#fbfdff;border:1px solid #e5eaf0;border-radius:18px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-add{color:#64748b;cursor:pointer;border:1.5px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;font-size:13px;font-weight:600;display:flex}.gallery-add:hover{color:#2563eb;background:#eef4ff;border-color:#93c5fd}.remove-image-btn{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px}.repeater-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;grid-template-columns:repeat(5,1fr) 42px;align-items:end;gap:12px;margin-bottom:12px;padding:16px;display:grid}.repeater-row .form-group{margin:0}.repeater-remove{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:12px;place-items:center;width:42px;height:50px;display:grid}.repeater-remove:hover{background:#fef2f2}.repeater-add{color:#2563eb;cursor:pointer;background:#fff;border:1.5px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;font-size:13px;font-weight:700;display:flex}.repeater-add:hover{background:#eef4ff;border-color:#93c5fd}.tag-input-wrap{background:#fbfdff;border:1px solid #e5eaf0;border-radius:14px;flex-wrap:wrap;gap:8px;min-height:50px;padding:10px;display:flex}.tag-chip{color:#2563eb;background:#eef4ff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag-chip button{color:#2563eb;cursor:pointer;background:0 0;border:none;display:flex}.tag-input-wrap input{background:0 0;border:none;outline:none;flex:1;min-width:140px;font-size:14px}.color-swatch-input{cursor:pointer;height:50px!important;padding:4px!important}.form-actions{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafceb;border-radius:18px;justify-content:flex-end;gap:12px;padding:16px;display:flex;position:sticky;bottom:0;box-shadow:0 -12px 32px #0f172a14}.btn-primary,.btn-secondary{cursor:pointer;border-radius:12px;height:44px;padding:0 20px;font-size:14px;font-weight:700}.btn-primary{color:#fff;background:#2563eb;border:none;box-shadow:0 10px 22px #2563eb2e}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{color:#334155;background:#fff;border:1px solid #e5eaf0}@media (width<=1100px){.form-grid{grid-template-columns:1fr}.form-col:nth-child(2){position:static}.repeater-row{grid-template-columns:repeat(2,1fr)}.repeater-remove{width:100%}}@media (width<=768px){.form-page{padding:22px 18px}.form-col,.form-section{border-radius:18px;padding:18px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.repeater-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (width<=480px){.form-page{padding:18px 14px}.gallery-grid{grid-template-columns:1fr}}.pagination{justify-content:center;align-items:center;gap:6px;padding:22px 0 0;display:flex}.page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;place-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:600;display:grid}.page-btn:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-dots{color:#94a3b8;padding:0 4px}.filter-bar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a08}.search-box{color:#94a3b8;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:260px;height:44px;padding:0 14px;display:flex}.search-box input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;font-size:14px}.filter-bar select{color:#334155;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;min-width:190px;height:44px;padding:0 14px;font-size:14px}.price-cell{flex-direction:column;gap:3px;display:flex}.sale-price{color:#0f172a;font-weight:700}.original-price{color:#94a3b8;font-size:12px;text-decoration:line-through}.stock-badge{color:#16a34a;background:#ecfdf5;border-radius:999px;justify-content:center;min-width:38px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.stock-badge.low{color:#dc2626;background:#fef2f2}.stock-badge.out{color:#64748b;background:#f1f5f9}.filter-bar{flex-wrap:wrap}.products-skeleton{flex-direction:column;gap:10px;padding:8px 0;display:flex}.products-skeleton--form{max-width:900px}.products-skeleton-row{background:linear-gradient(90deg,#f1f5f9 0%,#e8edf3 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:12px;height:52px;animation:1.2s ease-in-out infinite products-shimmer}.products-skeleton-row--title{height:72px;margin-bottom:8px}@keyframes products-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.products-empty{background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 24px #0f172a08}.products-empty-icon{color:#94a3b8;margin-bottom:12px}.action-btn.duplicate{color:#3348ff}.action-btn.duplicate:hover{background:#eef0ff}@media (width<=768px){.filter-bar{flex-direction:column;align-items:stretch}.search-box,.filter-bar select{width:100%;min-width:0}}.variant-matrix-wrap{background:#fff;border:1px solid #e5eaf0;border-radius:12px;overflow-x:auto}.variant-matrix{border-collapse:collapse;width:100%;min-width:480px}.variant-matrix th,.variant-matrix td{text-align:center;border-bottom:1px solid #eef2f7;padding:12px 14px}.variant-matrix th{color:#334155;background:#f8fafc;font-size:13px}.variant-matrix td:first-child,.variant-matrix th:first-child{text-align:left}.matrix-color-label{color:#0f172a;align-items:center;gap:8px;font-weight:600;display:inline-flex}.matrix-swatch{border:1px solid #cbd5e1;border-radius:50%;width:18px;height:18px}.matrix-stock-input{text-align:center;border:1px solid #e5eaf0;border-radius:8px;width:72px;height:36px;font-size:14px}.color-image-upload{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-preview-thumb-wrap{width:72px;height:72px;position:relative}.color-preview-thumb{object-fit:cover;border:1px solid #e5eaf0;border-radius:10px;width:72px;height:72px}.color-preview-thumb-wrap .remove-image-btn{position:absolute;top:-6px;right:-6px}.color-upload-btn{width:auto;min-width:140px;height:72px;padding:0 14px}.color-options-section .section-hint{color:#64748b;max-width:520px;margin:6px 0 0;font-size:13px;line-height:1.5}.color-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px;display:flex}.color-storefront-preview{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.color-storefront-preview__label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:700}.color-storefront-preview__swatches{background:#f8fafc;border:1px solid #e5eaf0;border-radius:999px;gap:8px;padding:8px 10px;display:flex}.color-storefront-preview__swatch{border:2px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #cbd5e1}.color-empty-state{text-align:center;color:#64748b;background:#fbfdff;border:1.5px dashed #dbe3ee;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:8px 0 4px;padding:28px 20px;display:flex}.color-empty-state p{color:#334155;margin:4px 0 0;font-size:15px;font-weight:700}.color-empty-state span{max-width:360px;font-size:13px}.color-options-list{flex-direction:column;gap:14px;margin:12px 0 4px;display:flex}.color-option-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;box-shadow:0 4px 16px #0f172a08}.color-option-card--warn{background:#fffbeb;border-color:#fcd34d}.color-option-card__top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.color-option-card__identity{align-items:center;gap:14px;min-width:0;display:flex}.color-option-card__identity strong{color:#0f172a;font-size:15px;display:block}.color-option-swatch-lg{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 0 0 1px #cbd5e1}.color-option-hex{color:#64748b;margin-top:2px;font-family:ui-monospace,monospace;font-size:12px;display:block}.color-option-remove{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.color-option-remove:hover{background:#fef2f2}.color-option-card__grid{grid-template-columns:1.2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.color-hex-row{align-items:center;gap:8px;display:flex}.color-hex-input{background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;flex:1;min-width:0;height:46px;padding:0 12px;font-family:ui-monospace,monospace;font-size:14px}.color-picker-native{cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:12px;flex-shrink:0;width:46px;height:46px;padding:4px}.color-presets{margin-bottom:14px}.color-presets__label{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.color-presets__list{flex-wrap:wrap;gap:8px;display:flex}.color-preset-btn{cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #cbd5e1}.color-preset-btn:hover{transform:scale(1.08)}.color-preset-btn.active{box-shadow:0 0 0 2px #3348ff}.field-warning{color:#d97706;margin-top:4px;font-size:12px;font-weight:600}.color-image-block{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:14px}.color-image-block__label{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.optional-tag{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.color-image-block__hint{color:#94a3b8;margin:4px 0 12px;font-size:12px}.color-image-block__body{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.color-image-placeholder{color:#94a3b8;background:#fff;border:1.5px dashed #cbd5e1;border-radius:12px;place-items:center;width:72px;height:72px;display:grid}.color-image-upload-btn{color:#3348ff;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.color-image-upload-btn:hover{background:#eef0ff;border-color:#a5b4fc}@media (width<=768px){.color-option-card__grid{grid-template-columns:1fr}.color-section-head{flex-direction:column}.color-storefront-preview{align-items:flex-start}}.testimonials-page{max-width:1500px;margin:0 auto;padding:0}.testimonials-card{background:#fff;border:1px solid #e5eaf0;border-radius:20px;overflow-x:auto;box-shadow:0 10px 30px #0f172a0a}.testimonials-table{border-collapse:collapse;width:100%;min-width:1050px}.testimonials-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:16px;font-size:11px;font-weight:800}.testimonials-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 16px}.testimonials-table tr:hover td{background:#fbfdff}.review-cell{color:#475569;max-width:440px;line-height:1.55}.rating-stars{color:#f59e0b;letter-spacing:2px;white-space:nowrap;font-size:16px}.testimonial-status{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.testimonial-status--approved{color:#166534;background:#dcfce7}.testimonial-status--rejected{color:#dc2626;background:#fee2e2}.testimonial-status--pending{color:#92400e;background:#fef3c7}.action-buttons{flex-wrap:nowrap;gap:8px;display:flex}.action-buttons button{cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;height:36px;padding:0 14px;font-size:13px;font-weight:800}.approve-btn{color:#166534;background:#dcfce7!important;border-color:#bbf7d0!important}.reject-btn{color:#dc2626;background:#fee2e2!important;border-color:#fecaca!important}.delete-btn{color:#475569;background:#f8fafc!important}.testimonials-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:52px}.testimonials-empty h3{color:#0f172a;margin-bottom:8px;font-size:20px}@media (width<=768px){.testimonials-page{padding:22px 18px}.page-header{flex-direction:column;gap:16px}}.testimonial-customer-cell,.testimonial-order-cell{flex-direction:column;gap:4px;display:flex}.testimonial-customer-cell strong,.testimonial-order-cell strong{color:#0f172a;font-size:14px}.testimonial-customer-cell span,.testimonial-order-cell span{color:#94a3b8;font-size:12.5px}.admin-orders-page{max-width:none;margin:0;padding:28px 32px 40px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:stretch;gap:18px;margin-bottom:28px;display:grid}.filters-bar,.table-wrapper{width:100%;overflow:auto hidden}.stat-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;box-shadow:0 8px 24px #0f172a0a}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:12px;font-weight:700}.stat-value{color:#0f172a;font-size:26px;font-weight:700}.filters-bar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 8px 24px #0f172a08}.filters-left h2{color:#0f172a;font-size:22px;font-weight:700}.total-badge{color:#2563eb;background:#eef4ff;border-radius:999px;margin-left:8px;padding:4px 10px;font-size:12px}.filters-right{gap:10px;display:flex}.filters-right select{color:#334155;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;height:42px;padding:0 14px;font-size:14px}.table-wrapper{background:#fff;border:1px solid #e5eaf0;border-radius:18px;overflow-x:auto;box-shadow:0 8px 24px #0f172a0a}.orders-table{border-collapse:collapse;width:100%;min-width:980px}.orders-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:11px;font-weight:700}.order-row td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.order-row:hover td{background:#fbfdff}.order-id-cell{color:#2563eb;cursor:pointer;font-weight:700}.customer-name{color:#0f172a;font-weight:700}.customer-phone,.date-cell{color:#64748b;font-size:12px}.amount-cell{color:#0f172a;font-weight:700}.view-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;height:34px;padding:0 12px;font-weight:700}.view-btn:hover{background:#eef4ff}.admin-loading,.admin-error,.table-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:36px}.admin-error{color:#dc2626}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.admin-orders-page{padding:22px 18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column;align-items:stretch}.filters-right{flex-direction:column}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.customer-cell{flex-direction:column;gap:4px;line-height:1.3;display:flex}.customer-name,.customer-phone{display:block}.filters-right select{min-width:170px}@media (width<=768px){.filters-right,.filters-right select{width:100%}}.admin-order-detail{max-width:1220px;margin:0 auto;padding:28px 32px 40px}.detail-header{background:#fff;border:1px solid #e5eaf0;border-radius:20px;justify-content:space-between;gap:18px;margin-bottom:22px;padding:22px;display:flex;box-shadow:0 8px 24px #0f172a0a}.back-btn{color:#2563eb;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;padding:9px 12px;font-weight:700}.detail-header-left h2{color:#0f172a;margin-top:12px;font-size:24px;font-weight:700}.detail-date{color:#64748b;font-size:13px}.detail-header-right{align-items:end;gap:14px;display:flex}.status-control{flex-direction:column;gap:7px;display:flex}.status-control label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.detail-body{grid-template-columns:1.5fr .9fr;align-items:start;gap:22px;display:grid}.detail-main,.detail-sidebar{flex-direction:column;gap:18px;display:flex}.detail-section{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.detail-section h3{color:#0f172a;margin-bottom:16px;font-size:16px;font-weight:700}.info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-size:13px}.info-value{color:#0f172a;text-align:right;font-weight:600}.order-item-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:14px 0;display:flex}.order-item-row:last-child{border-bottom:none}.item-thumb{object-fit:cover;border:1px solid #eef2f7;border-radius:14px;width:56px;height:56px}.item-name{color:#0f172a;font-weight:700}.item-meta,.item-unit{color:#64748b;font-size:12px}.item-total{color:#0f172a;font-weight:700}.detail-loading{text-align:center;color:#64748b;padding:36px}@media (width<=900px){.detail-body{grid-template-columns:1fr}.detail-header{flex-direction:column}.detail-header-right{flex-direction:column;align-items:stretch}}@media (width<=640px){.admin-order-detail{padding:20px 14px}.order-item-row{align-items:flex-start}}.section-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading>svg{color:#2563eb;background:#eef4ff;border-radius:12px;width:38px;height:38px;padding:9px}.section-heading h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.section-heading p{color:#64748b;margin:3px 0 0;font-size:13px}.detail-meta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.detail-meta span{color:#475569;background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.customer-summary{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.customer-avatar{color:#2563eb;background:#eef4ff;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.customer-summary strong,.address-box strong{color:#0f172a;font-size:14px;display:block}.customer-summary span,.address-box span{color:#64748b;margin-top:3px;font-size:13px;display:block}.address-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;margin-bottom:16px;padding:14px}.address-box p{color:#334155;margin-top:10px;font-size:13px;line-height:1.55}.payment-method-pill{color:#2563eb;background:#eef4ff;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.payment-summary .total-row{background:#f8fafc;border-bottom:none;border-radius:14px;margin:8px 0;padding:14px}.payment-summary .total-row .info-label,.payment-summary .total-row .info-value{font-size:16px;font-weight:800}.status-select{cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:11px;outline:none;min-width:128px;height:36px;padding:0 12px;font-size:12px;font-weight:800}.status-select--pending{color:#d97706;background:#fffbeb;border-color:#fbbf24}.status-select--processing{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.status-select--shipped{color:#7c3aed;background:#f5f3ff;border-color:#c4b5fd}.status-select--delivered,.status-select--paid{color:#16a34a;background:#ecfdf5;border-color:#86efac}.status-select--cancelled,.status-select--failed{color:#dc2626;background:#fef2f2;border-color:#fecaca}.design-panel h3{align-items:center;gap:.5rem;display:flex}.design-panel-hint{color:#64748b;margin:0 0 1rem;font-size:.9rem}.design-upload-row{gap:.75rem;margin-bottom:1rem;display:flex}.design-upload-row input{border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:.65rem .75rem}.design-upload-row .btn-primary,.design-panel .btn-primary{color:#fff;cursor:pointer;background:#3348ff;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.6rem .9rem;display:inline-flex}.design-alert{border-radius:8px;margin-bottom:.75rem;padding:.65rem .85rem;font-size:.9rem}.design-alert--error{color:#b91c1c;background:#fef2f2}.design-alert--success{color:#047857;background:#ecfdf5}.design-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.design-item{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:120px 1fr;gap:.75rem;padding:.75rem;display:grid}.design-item img{object-fit:cover;border-radius:8px;width:120px;height:90px}.design-date{color:#64748b;font-size:.85rem}.design-empty,.design-loading{color:#94a3b8;font-size:.9rem}.users-page{max-width:none;margin:0;padding:28px 32px 40px}.users-page h2{color:#0f172a;letter-spacing:-.03em;margin-bottom:18px;font-size:26px;font-weight:700}.stats-cards{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:96px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #0f172a0a}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:12px;font-weight:700;display:block}.stat-value{color:#0f172a;margin-top:14px;font-size:28px;font-weight:700;line-height:1;display:block}.stat-danger{color:#dc2626}.stat-info{color:#2563eb}.stat-success{color:#16a34a}.user-filters{background:#fff;border:1px solid #e5eaf0;border-radius:18px;gap:12px;margin-bottom:20px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a08}.user-filters input{color:#0f172a;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;outline:none;flex:1;min-width:260px;height:44px;padding:0 14px;font-size:14px}.user-filters select{color:#334155;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;min-width:150px;height:44px;padding:0 14px;font-size:14px}.user-filters input:focus,.user-filters select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.btn-apply,.btn-reset{cursor:pointer;border:none;border-radius:12px;height:44px;padding:0 18px;font-weight:700}.btn-apply{color:#fff;background:#2563eb;box-shadow:0 10px 20px #2563eb29}.btn-reset{color:#334155;background:#f1f5f9}.user-table{border-collapse:collapse;background:#fff;border:1px solid #e5eaf0;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.user-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:11px;font-weight:700}.user-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:14px}.user-table tr:hover td{background:#fbfdff}.user-cell{align-items:center;gap:12px;min-width:240px;display:flex}.user-cell img,.user-cell>div:first-child{object-fit:cover;border-radius:14px;flex-shrink:0;width:42px;height:42px}.user-name{color:#0f172a;font-weight:700}.user-email{color:#64748b;margin-top:3px;font-size:12px}.status-badge,.role-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-blocked{color:#dc2626;background:#fef2f2}.role-admin{color:#7c3aed;background:#f5f3ff}.role-user{color:#2563eb;background:#eef4ff}.actions-cell{flex-wrap:wrap;gap:8px;min-width:230px;display:flex}.actions-cell button{border-radius:10px;height:32px;padding:0 11px;font-size:12px;font-weight:700}.btn-block{color:#d97706;background:#fffbeb;border:1px solid #fbbf24!important}.btn-promote{color:#2563eb;background:#eef4ff;border:1px solid #bfdbfe!important}.btn-demote{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1!important}.btn-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca!important}.pagination{justify-content:center;gap:12px;margin-top:22px;display:flex}.pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;height:38px;padding:0 16px;font-weight:700}.pagination button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{color:#64748b;align-items:center;font-size:13px;display:flex}.no-data,.loading,.error-text{text-align:center;color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:36px}.error-text{color:#dc2626}.clickable{cursor:pointer}@media (width<=1100px){.stats-cards{grid-template-columns:repeat(2,1fr)}.user-table{white-space:nowrap;display:block;overflow-x:auto}}@media (width<=768px){.users-page{padding:22px 18px}.user-filters{flex-direction:column}.user-filters input,.user-filters select,.btn-apply,.btn-reset{width:100%;min-width:0}}@media (width<=480px){.stats-cards{grid-template-columns:1fr}}.email-status{border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.email-status--verified{color:#16a34a;background:#ecfdf5}.email-status--unverified{color:#64748b;background:#f8fafc}.actions-cell{align-items:center;gap:8px;min-width:150px;display:flex;position:relative}.more-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.more-btn:hover{color:#2563eb;background:#f8fafc}.user-more{position:relative}.user-menu{z-index:30;background:#fff;border:1px solid #e5eaf0;border-radius:14px;width:180px;padding:6px;position:absolute;top:40px;right:0;box-shadow:0 18px 40px #0f172a24}.user-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.user-menu button:hover{color:#2563eb;background:#f8fafc}.user-menu button.danger{color:#dc2626}.user-menu button.danger:hover{background:#fef2f2}.user-details-page{padding:20px}.back-btn{color:#2874f0;cursor:pointer;background:0 0;border:none;margin-bottom:16px;font-size:14px}.details-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 4px #0000001a}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.profile-summary{align-items:center;gap:14px;display:flex}.profile-summary img{object-fit:cover;border-radius:50%;width:56px;height:56px}.profile-summary h2{margin:0}.badges{align-items:center;gap:8px;display:flex}.details-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.detail-block h4{color:#888;text-transform:uppercase;margin:0 0 6px;font-size:13px}.detail-block.full-width{grid-column:1/-1;margin-bottom:18px}.muted{color:#888;font-size:13px}.addresses-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.address-card{border:1px solid #eee;border-radius:8px;padding:12px;position:relative}.default-tag{color:#fff;background:#2874f0;border-radius:10px;padding:2px 8px;font-size:10px;position:absolute;top:10px;right:10px}.address-name{margin:0 0 4px;font-weight:600}.address-type{text-transform:capitalize;background:#f0f0f0;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:11px;display:inline-block}.wishlist-grid{flex-wrap:wrap;gap:12px;display:flex}.wishlist-item{text-align:center;width:100px;font-size:12px}.wishlist-item img{object-fit:cover;border-radius:6px;width:100px;height:100px}.wishlist-item .price{color:#222;font-weight:600}.details-actions{border-top:1px solid #eee;flex-wrap:wrap;gap:10px;padding-top:16px;display:flex}.details-actions button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:600}.btn-block{color:#000;background:#ffc107}.btn-unblock{color:#fff;background:#28a745}.btn-promote{color:#fff;background:#5b21b6}.btn-demote{color:#fff;background:#6c757d}.btn-delete{color:#fff;background:#dc3545}.not-found{text-align:center;color:#888;padding:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h4{margin:0}.orders-mini-table{border-collapse:collapse;width:100%;font-size:13px}.orders-mini-table th{text-align:left;text-transform:uppercase;color:#888;background:#f8f9fa;border-bottom:2px solid #eee;padding:8px 10px;font-size:11px;font-weight:600}.orders-mini-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px}.orders-mini-table tr:last-child td{border-bottom:none}.orders-mini-table tr:hover td{background:#fafafa}.order-id{color:#333;font-family:monospace;font-weight:600}.payment-badge{text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.payment-badge[data-status=paid]{color:#065f46;background:#d1fae5}.payment-badge[data-status=pending]{color:#92400e;background:#fef3c7}.payment-badge[data-status=failed]{color:#991b1b;background:#fee2e2}.status-dot{text-transform:capitalize;font-size:12px;font-weight:500}.view-order-link{color:#2874f0;white-space:nowrap;font-size:12px;font-weight:600;text-decoration:none}.view-order-link:hover{text-decoration:underline}.orders-pagination{align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.orders-pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:5px 12px;font-size:13px}.orders-pagination button:disabled{opacity:.4;cursor:default}.orders-pagination button:hover:not(:disabled){background:#f0f0f0}.faq-page{max-width:1500px;margin:0 auto;padding:0}.faq-toolbar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;margin-bottom:20px;padding:16px;box-shadow:0 8px 24px #0f172a08}.faq-search-wrap{color:#94a3b8;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:440px;height:44px;padding:0 14px;display:flex}.faq-search{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.faq-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.faq-table-card{background:#fff;border:1px solid #e5eaf0;border-radius:20px;overflow-x:auto;box-shadow:0 10px 30px #0f172a0a}.faq-table{border-collapse:collapse;width:100%;min-width:900px}.faq-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:16px;font-size:11px;font-weight:800}.faq-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.faq-table tr:hover td{background:#fbfdff}.faq-row-inactive td{opacity:.55}.faq-order{color:#64748b;width:54px;font-weight:800}.faq-question{color:#0f172a;max-width:320px;font-weight:800}.faq-answer{color:#475569;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:460px;line-height:1.5;display:-webkit-box;overflow:hidden}.faq-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.faq-badge-active{color:#166534;background:#dcfce7}.faq-badge-inactive{color:#64748b;background:#f1f5f9}.faq-actions{gap:8px;display:flex}.faq-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;place-items:center;width:36px;height:36px;transition:all .18s;display:grid}.faq-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.faq-icon-btn--danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.faq-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:52px}.faq-empty h3{color:#0f172a;margin-bottom:8px;font-size:20px}.faq-empty p{margin-bottom:16px}.faq-overlay{z-index:1000;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.faq-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px #0f172a3d}.faq-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.faq-modal-header h3{color:#0f172a;margin:0;font-size:20px;font-weight:800}.faq-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.faq-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.faq-modal-footer{background:#f8fafc;border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;padding:18px 24px;display:flex}.faq-field{flex-direction:column;flex:1;gap:8px;display:flex}.faq-field label{color:#334155;font-size:13px;font-weight:800}.faq-field input,.faq-field textarea,.faq-field select{color:#0f172a;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:14px}.faq-field textarea{resize:vertical;padding:14px;line-height:1.5}.faq-field input:focus,.faq-field textarea:focus,.faq-field select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.faq-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.faq-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}@media (width<=768px){.faq-page{padding:22px 18px}.page-header{flex-direction:column;gap:16px}.page-header .btn-primary{justify-content:center;width:100%}.faq-search-wrap{max-width:none}.faq-field-row{grid-template-columns:1fr}.faq-modal-footer{flex-direction:column-reverse}.faq-modal-footer button{width:100%}}.blog-page{padding:28px 32px 40px}.blog-list-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.blog-header-actions{gap:12px;display:flex}.blog-stats-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:16px;margin-bottom:18px;display:grid}.blog-stat-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;box-shadow:0 8px 24px #0f172a0a}.blog-stat-card span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.blog-stat-card strong{color:#0f172a;font-size:26px;font-weight:800}.blog-toolbar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;margin-bottom:20px;padding:16px;box-shadow:0 8px 24px #0f172a08}.blog-search{color:#94a3b8;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:480px;height:44px;padding:0 14px;display:flex}.blog-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.blog-admin-table th:first-child,.blog-admin-table td:first-child{width:40%}.blog-title-cell{min-width:320px}.blog-thumb{border-radius:14px;width:46px;height:46px}.category-title{color:#0f172a;font-weight:800;line-height:1.35}.category-slug{color:#94a3b8;margin-top:3px;font-size:12px}.blog-category-badge{color:#2563eb;background:#eef4ff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.blog-featured-badge{border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.blog-featured-badge.featured{color:#6d28d9;background:#ede9fe}.blog-featured-badge.normal{color:#64748b;background:#f1f5f9}.blog-date{color:#64748b;white-space:nowrap;font-size:13px}.empty-state{text-align:center;color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:64px 20px;box-shadow:0 10px 30px #0f172a0a}.empty-state h3{color:#0f172a;margin-bottom:8px;font-size:22px}.empty-state p{margin-bottom:22px}@media (width<=900px){.blog-stats-grid{grid-template-columns:1fr}.blog-list-header{flex-direction:column}.blog-header-actions{width:100%}.blog-header-actions button{flex:1;justify-content:center}.blog-search{max-width:none}}@media (width<=768px){.blog-page{padding:22px 18px}}.blog-form-page{padding:28px 32px 40px}.blog-form-header{margin-bottom:22px}.blog-form-header h2{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.blog-form-header p{color:#64748b;margin-top:6px;font-size:14px}.blog-editor-form{flex-direction:column;gap:22px;display:flex}.blog-editor-grid{grid-template-columns:minmax(0,1.55fr) 360px;align-items:start;gap:22px;display:grid}.blog-editor-main,.blog-editor-side{flex-direction:column;gap:22px;display:flex}.blog-editor-side{position:sticky;top:96px}.blog-editor-card{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0f172a0a}.blog-editor-card h3{color:#0f172a;margin:0 0 18px;font-size:18px;font-weight:800}.blog-url-preview{color:#64748b;margin-top:2px;font-size:12px}.blog-content-textarea{min-height:430px;line-height:1.65}.blog-toggle-card{cursor:pointer;background:#f8fafc;border:1px solid #e5eaf0;border-radius:16px;gap:12px;margin-top:14px;padding:14px;display:flex}.blog-toggle-card input{accent-color:#2563eb;flex-shrink:0;width:17px;height:17px;margin-top:3px}.blog-toggle-card span{color:#0f172a;flex-direction:column;gap:4px;font-size:14px;font-weight:800;display:flex}.blog-toggle-card span svg{color:#2563eb;margin-bottom:2px}.blog-toggle-card small{color:#64748b;font-size:12px;font-weight:500}.blog-upload-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:18px;min-height:210px;overflow:hidden}.blog-upload-placeholder{color:#64748b;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:28px;display:flex}.blog-upload-placeholder:hover{color:#2563eb;background:#eef4ff}.blog-upload-placeholder span{font-size:14px;font-weight:800}.blog-upload-placeholder small{font-size:12px}.blog-cover-preview{position:relative}.blog-cover-preview img{object-fit:cover;width:100%;height:230px;display:block}.blog-cover-preview button{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.blog-form-actions{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafceb;border:1px solid #e5eaf0;border-radius:18px;justify-content:flex-end;gap:12px;padding:16px;display:flex;position:sticky;bottom:0;box-shadow:0 -12px 32px #0f172a14}@media (width<=1100px){.blog-editor-grid{grid-template-columns:1fr}.blog-editor-side{position:static}}@media (width<=768px){.blog-form-page{padding:22px 18px}.blog-editor-card{padding:18px}.blog-form-actions{flex-direction:column-reverse}.blog-form-actions button{justify-content:center;width:100%}}.adv-page{max-width:1500px;margin:0 auto;padding:0}.adv-loading{color:#64748b;justify-content:center;align-items:center;height:60vh;font-size:15px;display:flex}.adv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.adv-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.adv-sub{color:#64748b;margin:4px 0 0;font-size:13px}.adv-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.adv-btn--primary{color:#fff;background:#3b82f6}.adv-btn--primary:hover{background:#2563eb}.adv-btn--outline{color:#374151;background:#fff;border:1px solid #e2e8f0}.adv-btn--outline:hover{background:#f1f5f9}.adv-btn--danger{color:#dc2626;background:#fee2e2}.adv-btn--danger:hover{background:#fecaca}.adv-btn--sm{padding:5px 12px;font-size:12px}.adv-btn:disabled{opacity:.6;cursor:not-allowed}.adv-settings-box{background:#fff;border:1px solid #e5eaf0;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 10px 30px #0f172a0a}.adv-settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.adv-settings-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.adv-msg{color:#10b981;font-size:13px;font-weight:500}.adv-table-box{background:#fff;border:1px solid #e5eaf0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.adv-table{border-collapse:collapse;width:100%;font-size:13px}.adv-table th{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:16px;font-size:11px;font-weight:700}.adv-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 16px}.adv-table tr:last-child td{border-bottom:none}.adv-table tbody tr{transition:all .2s}.adv-table tbody tr:hover td{background:#fbfdff}.adv-empty{text-align:center;color:#94a3b8;padding:32px!important}.adv-muted{color:#94a3b8;font-size:12px}.adv-muted a{color:#3b82f6;text-decoration:none}.adv-order-control{align-items:center;gap:6px;display:flex}.adv-order-control button{cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.adv-order-control button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.adv-order-control span{text-align:center;width:22px;font-weight:700}.adv-order-btns button{cursor:pointer;color:#374151;background:#f1f5f9;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.adv-order-btns button:hover:not(:disabled){background:#e2e8f0}.adv-order-btns button:disabled{opacity:.3;cursor:not-allowed}.adv-order-btns span{color:#374151;text-align:center;min-width:20px;font-size:13px;font-weight:600}.adv-title-cell{flex-direction:column;gap:3px;display:flex}.adv-title-cell span{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:340px;margin-top:5px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.adv-toggle{cursor:pointer;border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.adv-toggle--on{color:#065f46;background:#d1fae5}.adv-toggle--off{color:#991b1b;background:#fee2e2}.adv-form-box{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.adv-field{flex-direction:column;gap:6px;display:flex}.adv-field label{color:#374151;font-size:13px;font-weight:500}.adv-field input,.adv-field textarea{color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border .15s}.adv-field input:focus,.adv-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.adv-field--checkbox label{cursor:pointer;align-items:center;gap:8px;display:flex}.adv-field--checkbox input{cursor:pointer;width:16px;height:16px;padding:0}.adv-hint{color:#94a3b8;font-size:11px}.adv-required{color:#ef4444}.adv-form-row{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.adv-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.adv-error{color:#dc2626;background:#fee2e2;border-radius:8px;padding:10px 14px;font-size:13px}.adv-video-preview{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}@media (width<=768px){.adv-page{padding:16px}.adv-settings-grid,.adv-form-row{grid-template-columns:1fr}}.adv-video-tabs{gap:8px;margin-bottom:10px;display:flex}.adv-video-tab{cursor:pointer;color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.adv-video-tab.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.adv-upload-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;padding:32px;transition:all .15s}.adv-upload-zone:hover{background:#eff6ff;border-color:#3b82f6}.adv-upload-zone span{font-size:32px}.adv-upload-zone p{color:#374151;margin:8px 0 4px;font-size:14px;font-weight:500}.adv-upload-zone small{color:#94a3b8;font-size:12px}.adv-section-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.adv-section-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.adv-section-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.adv-section-subtitle{color:#64748b;margin-top:3px;font-size:13px}.adv-video-link{color:#2563eb;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.adv-video-link:hover{text-decoration:underline}.adv-link-pill{color:#334155;background:#f8fafc;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.adv-actions{gap:8px;display:flex}.adv-icon-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e5eaf0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.adv-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.adv-icon-btn--danger:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.adv-status{cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.adv-status--active{color:#15803d;background:#dcfce7}.adv-status--inactive{color:#dc2626;background:#fee2e2}.cm-page{max-width:1500px;margin:0 auto}.cm-header{margin-bottom:24px}.cm-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.cm-sidebar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;max-height:calc(100vh - 110px);padding:14px;position:sticky;top:88px;overflow-y:auto;box-shadow:0 8px 24px #0f172a0a}.cm-nav-group+.cm-nav-group{border-top:1px solid #eef2f7;margin-top:16px;padding-top:16px}.cm-nav-group-title{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;padding:0 10px;font-size:11px;font-weight:800}.cm-nav-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.cm-nav-item:hover{color:#0f172a;background:#f8fafc}.cm-nav-item.active{color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.cm-main{min-width:0}.cm-loading{color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:20px;place-items:center;min-height:360px;font-size:14px;display:grid}.cm-form-box{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:28px;box-shadow:0 8px 24px #0f172a0a}.cm-section-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:700}.cm-hint{color:#64748b;margin:0 0 22px;font-size:13px;line-height:1.5}.cm-sub-title{color:#0f172a;border-top:1px solid #eef2f7;margin:24px 0 12px;padding-top:20px;font-size:15px;font-weight:700}.cm-field{flex-direction:column;flex:1;gap:8px;margin-bottom:16px;display:flex}.cm-field label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.cm-field input,.cm-field textarea,.cm-field select{color:#0f172a;background:#fff;border:1px solid #dbe4ee;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.cm-field input,.cm-field select{height:48px}.cm-field textarea{resize:vertical;min-height:110px;line-height:1.55}.cm-field input:focus,.cm-field textarea:focus,.cm-field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.cm-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cm-benefit-row{background:#f8fafc;border:1px solid #e5eaf0;border-radius:16px;margin-bottom:16px;padding:18px}.cm-benefit-label-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cm-benefit-label{color:#0f172a;flex:1;margin:0;font-size:14px;font-weight:700}.cm-toggle{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.cm-toggle input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.cm-img-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:280px;height:150px;margin-bottom:10px;overflow:hidden}.cm-img-preview img{object-fit:cover;width:100%;height:100%}.cm-upload-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cm-btn:disabled{opacity:.6;cursor:not-allowed}.cm-btn--primary{color:#fff;background:#2563eb;border-radius:12px;height:44px;padding:0 24px;box-shadow:0 8px 20px #2563eb2e}.cm-btn--primary:hover:not(:disabled){background:#1d4ed8}.cm-btn--upload{color:#fff;background:#0ea5e9}.cm-btn--upload:hover:not(:disabled){background:#0284c7}.cm-btn--add{color:#475569;background:#fff;border:1.5px dashed #cbd5e1;border-radius:12px;width:100%;min-height:44px;margin-top:4px}.cm-btn--add:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.cm-btn--danger{color:#dc2626;background:#fff;border:1px solid #fecaca;gap:6px;min-height:34px;padding:0 12px;font-size:12px}.cm-btn--danger:hover{background:#fef2f2}.cm-msg{color:#059669;font-size:13px;font-weight:600}.cm-msg--error{color:#dc2626}.cm-form-footer{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #e5eaf0;border-radius:0 0 20px 20px;justify-content:flex-end;align-items:center;gap:14px;margin:28px -28px -28px;padding:16px 28px;display:flex;position:sticky;bottom:0}@media (width<=1024px){.cm-shell{grid-template-columns:1fr}.cm-sidebar{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:none;padding:12px;display:grid;position:static}.cm-nav-group{border:0!important;margin:0!important;padding:0!important}.cm-nav-group-title{grid-column:1/-1}}@media (width<=768px){.cm-row{grid-template-columns:1fr}.cm-form-box{padding:20px}.cm-form-footer{flex-direction:column;align-items:stretch;margin:24px -20px -20px;padding:14px 20px}.cm-btn--primary{width:100%}}.mail-page{max-width:1500px;margin:0 auto;padding:0}.mail-loading{color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:18px;place-items:center;min-height:280px;font-size:14px;display:grid}.mail-header{margin-bottom:20px}.mail-tabs{background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex}.mail-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.mail-tabs button:hover{color:#334155;background:#eef2f7}.mail-tabs button.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb1f}.mail-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0f172a0a}.mail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.mail-grid .form-field,.mail-card .form-field{flex-direction:column;gap:8px;display:flex}.mail-grid label,.mail-card label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.mail-grid input,.mail-grid select,.mail-card input,.mail-card textarea{color:#0f172a;background:#fff;border:1px solid #dbe4ee;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.mail-grid input:focus,.mail-card input:focus,.mail-card textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.mail-toggle{color:#334155;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.mail-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.mail-test-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.mail-test-row input{flex:1;min-width:220px}.mail-templates-layout{grid-template-columns:280px minmax(0,1fr);gap:16px;display:grid}.mail-template-list{flex-direction:column;gap:8px;display:flex}.mail-template-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.mail-template-item:hover{border-color:#bfdbfe}.mail-template-item.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.mail-template-item strong{color:#0f172a;font-size:14px;display:block}.mail-template-item span{color:#64748b;margin-top:4px;font-size:12px;display:block}.mail-template-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mail-template-head h2{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.mail-template-head p{color:#64748b;margin:0;font-size:13px}.mail-vars{color:#475569;margin:16px 0;font-size:13px;line-height:1.6}.mail-vars code{background:#f1f5f9;border-radius:6px;margin-right:6px;padding:2px 6px;font-size:12px}.mail-preview{margin:16px 0}.mail-preview pre{background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;padding:12px;font-size:12px;line-height:1.5;overflow:auto}@media (width<=900px){.mail-grid,.mail-templates-layout{grid-template-columns:1fr}}.delivery-settings-page{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;max-width:1100px;padding-bottom:1rem;display:flex}.delivery-settings-page *,.delivery-settings-page :before,.delivery-settings-page :after{box-sizing:border-box}.delivery-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.delivery-settings-header>div{flex:16rem;min-width:0}.delivery-settings-header h2{align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3;display:flex}.delivery-settings-header p{color:#64748b;max-width:640px;margin:0;font-size:.92rem;line-height:1.45}.delivery-settings-header .btn-primary{white-space:nowrap;flex:none}.delivery-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:1.1rem 1.25rem 1.25rem;overflow:hidden}.delivery-settings-card h3{margin:0 0 .9rem;font-size:1.05rem}.delivery-settings-card .form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.delivery-settings-card label{color:#475569;flex-direction:column;gap:.35rem;min-width:0;font-size:.85rem;font-weight:500;display:flex}.delivery-settings-card input,.delivery-settings-card select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;max-width:100%;padding:.55rem .7rem;font-size:.92rem}.delivery-settings-card .data-table input,.delivery-settings-card .data-table select{width:100%;min-width:0}.delivery-settings-card .field-hint{color:#6b7280;margin-top:.35rem;font-size:.75rem;font-weight:400;line-height:1.35;display:block}.delivery-settings-card .section-note{color:#4b5563;margin:0 0 1rem;font-size:.875rem;line-height:1.45}.delivery-settings-card .muted-count{color:#6b7280;flex-shrink:0;font-size:.85rem}.delivery-settings-card .slug-cell{color:#6b7280;word-break:break-all;font-size:.8rem}.delivery-settings-card select{min-width:0}.delivery-settings-branch-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.delivery-settings-branch-head h3{margin:0}.delivery-settings-page .table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:100%;overflow:auto hidden}.delivery-settings-page .data-table{border-collapse:collapse;width:100%;min-width:640px;margin:0}.delivery-settings-page .data-table th,.delivery-settings-page .data-table td{vertical-align:middle;white-space:nowrap;padding:.65rem .75rem}.delivery-settings-page .data-table td:first-child{white-space:normal;min-width:8rem;max-width:12rem}.delivery-settings-page .data-table input[type=number]{min-width:4.5rem}.delivery-settings-page .data-table select{min-width:9rem}.delivery-settings-footer{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.btn-icon-danger{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem}.btn-icon-danger:hover{background:#fef2f2}@media (width<=900px){.delivery-settings-card .form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-settings-page .data-table{min-width:580px}}@media (width<=640px){.delivery-settings-page{gap:1rem}.delivery-settings-header{flex-direction:column;align-items:stretch}.delivery-settings-header .btn-primary,.delivery-settings-footer .btn-primary{justify-content:center;width:100%}.delivery-settings-header p{font-size:.85rem}.delivery-settings-card{border-radius:10px;padding:.9rem .85rem 1rem}.delivery-settings-card .form-grid-3{grid-template-columns:1fr}.delivery-settings-branch-head{flex-direction:column;align-items:stretch}.delivery-settings-branch-head .btn-secondary{justify-content:center;width:100%}.delivery-settings-card .section-note{font-size:.8rem}.delivery-settings-page .data-table{min-width:540px;font-size:.85rem}.delivery-settings-page .data-table th,.delivery-settings-page .data-table td{padding:.5rem .55rem}.delivery-settings-footer{justify-content:stretch}}@media (width<=380px){.delivery-settings-header h2{font-size:1.05rem}.delivery-settings-card input,.delivery-settings-card select{padding:.5rem .55rem;font-size:.88rem}}.support-page .page-header{align-items:center}.support-summary{flex-wrap:wrap;gap:8px;display:flex}.support-summary-item{color:#475569;background:#fff;border:1px solid #e5eaf0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.support-summary-item--open{color:#b45309;background:#fffbeb;border-color:#fde68a}.support-alert{border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px}.support-alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.support-alert--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.support-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.support-list-panel{min-width:0}.support-list-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.support-list-header h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.support-count-badge{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.support-table-card{margin:0}.support-table tbody tr.support-row{cursor:pointer;transition:background .12s}.support-table tbody tr.support-row:hover td{background:#f8fafc}.support-table tbody tr.support-row--active td{background:#eff6ff}.support-table tbody tr.support-row--active td:first-child{box-shadow:inset 3px 0 #2563eb}.support-subject{color:#0f172a;font-weight:600;line-height:1.35;display:block}.support-email-cell{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.support-date-cell{color:#94a3b8;white-space:nowrap;font-size:13px}.support-table-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.support-table-empty p{margin:0;font-size:14px}.status-pill{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill--open{color:#92400e;background:#fef3c7}.status-pill--responded{color:#1d4ed8;background:#dbeafe}.status-pill--closed{color:#64748b;background:#f1f5f9}.support-detail{background:#fff;border:1px solid #e5eaf0;border-radius:18px;min-height:420px;padding:22px 20px;position:sticky;top:88px;box-shadow:0 8px 24px #0f172a0a}.support-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.support-detail-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.35}.support-detail-meta{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.support-detail-meta span{color:#64748b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.support-message{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-bottom:14px;padding:14px 16px}.support-message h3{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-size:11px;font-weight:700}.support-message p{color:#334155;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.support-message--reply{background:#eff6ff;border-color:#bfdbfe}.support-reply-form{margin-top:4px}.support-reply-form label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.support-reply-form textarea{width:100%;font:inherit;resize:vertical;background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:14px;line-height:1.55;transition:border-color .15s,box-shadow .15s,background .15s}.support-reply-form textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.support-send-btn{justify-content:center;width:100%}.support-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.support-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:14px;display:grid}.support-empty h3{color:#334155;margin:0 0 6px;font-size:16px;font-weight:700}.support-empty p{color:#94a3b8;max-width:240px;margin:0;font-size:13px;line-height:1.5}@media (width<=1100px){.support-layout{grid-template-columns:1fr}.support-detail{min-height:320px;position:static}}@media (width<=768px){.support-page .page-header{flex-direction:column;align-items:stretch}.support-summary{justify-content:flex-start}}.stock-issues-page{padding:0}.stock-issues-alert{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.stock-issues-alert p{margin:0;font-size:14px;line-height:1.5}.stock-issues-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.stock-issues-order-link{color:#2563eb;font-weight:700;text-decoration:none}.stock-issues-order-link:hover{text-decoration:underline}.stock-issues-meta{color:#94a3b8;margin-top:4px;font-size:12px}.stock-issues-message{max-width:320px;font-size:13px;line-height:1.45}.stock-issue-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.stock-issue-badge--deduct_failed{color:#b91c1c;background:#fee2e2}.stock-issue-badge--rollback_failed{color:#c2410c;background:#ffedd5}.stock-issue-badge--restore_failed{color:#b45309;background:#fef3c7}.stock-issues-resolve-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;height:36px;padding:0 14px;font-size:13px;font-weight:600}.stock-issues-resolve-btn:hover:not(:disabled){background:#dbeafe}.stock-issues-resolve-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:.8s linear infinite stock-issues-spin}@keyframes stock-issues-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}a{color:inherit;text-decoration:none}.admin-select{appearance:none;color:#334155;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;height:40px;padding:0 32px 0 12px;font-size:13px;font-weight:500;transition:border-color .15s}.admin-select:hover:not(:disabled){border-color:#cbd5e1}.admin-select:focus{border-color:#64748b;outline:none}.admin-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f8fafc}.admin-select--table{min-width:120px;height:34px;font-size:13px}