@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #d39a16;--primary-hover: #b88209;--primary-light: #fff1c2;--primary-dark: #8a5b00;--secondary: #7a6a4f;--success: #23704c;--success-light: #dcfce7;--warning: #b7791f;--warning-light: #fef3c7;--danger: #c2410c;--danger-light: #fee2e2;--info: #0f766e;--info-light: #ccfbf1;--bg: #fffbf2;--bg-card: #ffffff;--sidebar-bg: #433117;--sidebar-text: #dbc9a2;--sidebar-active: #f7c84c;--sidebar-hover: #5a4321;--text: #332611;--text-muted: #7a6a4f;--text-light: #ad9871;--border: #f0dfc0;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 16px;--shadow: 0 8px 24px rgba(110, 86, 31, .08);--shadow-md: 0 12px 28px rgba(110, 86, 31, .12);--shadow-lg: 0 22px 42px rgba(79, 58, 16, .16);--sidebar-width: 250px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100;transition:transform .3s ease}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo h1{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.5px}.sidebar-logo span{color:var(--sidebar-active)}.sidebar-logo p{color:var(--sidebar-text);font-size:11px;margin-top:2px}.sidebar-nav{padding:12px 0;flex:1}.nav-section-title{padding:8px 20px 4px;color:var(--sidebar-text);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--sidebar-hover);color:#fff}.sidebar-nav a.active{background:#f7c84c29;color:var(--sidebar-active);border-left-color:var(--sidebar-active)}.sidebar-nav a .nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.sidebar-nav a.active .nav-icon,.sidebar-nav a:hover .nav-icon{opacity:1}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-user-avatar{width:34px;height:34px;background:var(--sidebar-active);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700;flex-shrink:0}.sidebar-user-info p{color:#fff;font-size:13px;font-weight:600}.sidebar-user-info span{color:var(--sidebar-text);font-size:11px}.btn-logout{width:100%;padding:9px 12px;background:#dc26261f;color:#f87171;border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius-sm);cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:all .15s ease}.btn-logout:hover{background:#dc262633}.btn-icon{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:#475569;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.btn-icon:hover{background:var(--primary-light);color:var(--primary-dark);border-color:#e6cf94}.btn-icon-danger{color:#dc2626;border-color:#fecaca}.btn-icon-danger:hover{background:#fee2e2;color:#b91c1c;border-color:#f87171}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:24px}.page-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header h2{font-size:22px;font-weight:700;color:var(--text)}.page-header p{color:var(--text-muted);font-size:13px;margin-top:2px}.card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--shadow)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h3{font-size:15px;font-weight:600;color:var(--text)}.card-body{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease;min-height:88px}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff7df;border:1px solid #f3e1b1;color:var(--primary-dark)}.stat-icon.blue,.stat-icon.yellow,.stat-icon.green,.stat-icon.purple,.stat-icon.red,.stat-icon.cyan{background:#fff7df}.stat-info{flex:1;min-width:0}.stat-info h4{font-size:clamp(16px,2.2vw,22px);font-weight:700;color:var(--text);line-height:1.2;word-break:break-word}.stat-info p{color:var(--text-muted);font-size:12px;margin-top:3px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{padding:11px 14px;text-align:left;background:#f8fafc;color:var(--text-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}tbody tr:hover{background:#f8fafc}tbody td{padding:12px 14px;color:var(--text);vertical-align:middle}tbody tr:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.01em}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#dcfce7;color:#14532d}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-blocked{background:#fce7f3;color:#831843}.badge-process{background:#fff1c2;color:#8a5b00}.badge-shipped{background:#e0e7ff;color:#3730a3}.badge-done{background:#dcfce7;color:#14532d}.badge-cancelled{background:#f1f5f9;color:#475569}.badge-active{background:#dcfce7;color:#14532d}.badge-inactive{background:#fee2e2;color:#991b1b}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font);transition:all .15s ease;text-decoration:none;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 18px #d39a1638}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#b45309}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:var(--border-radius-sm)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.form-label span{color:var(--danger)}.form-control{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--border-radius-sm);font-size:13.5px;font-family:var(--font);color:var(--text);background:#fff;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d39a1624}.form-control::placeholder{color:#c0ccd8}textarea.form-control{resize:vertical;min-height:80px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.variant-editor{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--border-radius);background:#fffdf7}.variant-row{display:grid;grid-template-columns:1fr auto;gap:10px}.variant-empty-note,.variant-help{font-size:12px;color:var(--text-muted);line-height:1.5}.variant-add-btn{justify-self:flex-start}.variant-pill-admin{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);font-size:11px;font-weight:700}.variant-pill-admin-muted{background:#f8fafc;color:var(--text-muted)}.product-image-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-image-slot{min-width:0}.product-image-slot-preview{width:100%;aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:#fffaf0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted);font-size:11px;text-align:center;padding:8px;word-break:break-word}.product-image-slot-preview img{width:100%;height:100%;object-fit:cover}.product-image-slot-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.product-image-slot-help{margin-top:5px;font-size:11px;color:var(--text-muted)}@media (max-width: 720px){.product-image-slots{grid-template-columns:1fr}}.branding-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start}.branding-hint{margin-top:8px;font-size:12px;color:var(--text-muted)}.branding-actions-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.branding-logo-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 18px}.branding-logo-upload-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fffdf8}.branding-logo-upload-card .btn{justify-self:flex-start}.branding-logo-upload-head{display:grid;gap:2px}.branding-logo-upload-head strong{color:var(--text);font-size:14px}.branding-logo-upload-head span{color:var(--primary-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.branding-preview-card .card-body{display:flex;justify-content:center}.branding-preview-stack{width:100%;display:grid;justify-items:center;gap:16px}.branding-preview-phone{width:100%;max-width:320px;overflow:hidden;border:8px solid #262626;border-radius:34px;background:#fff;box-shadow:0 18px 42px #0f172a29}.branding-preview-hero{position:relative;min-height:236px;padding:14px 18px 0;background:linear-gradient(180deg,#ffd34f,#ffbf24);text-align:center;overflow:hidden}.branding-preview-mountain{position:absolute;inset:auto 0 0;width:100%;height:152px}.branding-preview-mountain path{fill:#fff}.branding-preview-logo-wrap{position:absolute;left:50%;bottom:76px;z-index:2;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.branding-preview-logo-surface{width:96px;height:96px;padding:9px;border-radius:26px;background:linear-gradient(180deg,#fffffffa,#ffffffe6);box-shadow:0 12px 28px #563e081f,inset 0 1px #ffffffe6;display:flex;align-items:center;justify-content:center}.branding-preview-logo-surface.has-brand-image{width:479px;max-width:150vw;height:266px;padding:0;margin-bottom:4px;border-radius:0;background:transparent;box-shadow:none;transform:translateY(0)}.branding-preview-logo{width:461px;max-width:145vw;height:247px;object-fit:contain;display:block}.branding-fallback-icon{display:flex;align-items:center;justify-content:center}.branding-fallback-icon svg{width:66px;height:66px}.branding-preview-title{position:absolute;left:50%;bottom:42px;z-index:2;width:calc(100% - 34px);transform:translate(-50%);font-size:23px;font-weight:900;letter-spacing:-.03em;color:#212121}.branding-preview-subbrand{position:absolute;left:50%;bottom:21px;z-index:2;width:calc(100% - 34px);transform:translate(-50%);font-size:15px;font-weight:800;color:#d18f00}.branding-preview-body{padding:12px 18px 20px}.branding-preview-heading{font-size:20px;font-weight:800;color:var(--text)}.branding-preview-copy{margin-top:4px;color:var(--text-muted);font-size:12.5px}.branding-preview-input{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;color:#b3a088;font-size:13px;background:#fff}.branding-preview-link{margin-top:10px;text-align:right;color:#b1a07f;font-size:11px;font-weight:600}.branding-preview-button,.branding-preview-register{margin-top:14px;padding:12px 14px;border-radius:12px;text-align:center;font-size:14px;font-weight:800}.branding-preview-button{background:linear-gradient(180deg,#ffd24d,#f8bc18);color:#3e2d00}.branding-preview-divider{height:1px;margin:18px 10px 14px;background:linear-gradient(90deg,transparent,rgba(225,214,190,.95),transparent)}.branding-preview-register{border:1px solid var(--border);background:#fff;color:#4f3d12}.branding-admin-preview{width:100%;max-width:320px;overflow:hidden;border:1px solid #eadbbf;border-radius:18px;background:#fffaf1;box-shadow:0 12px 28px #5f471414}.branding-admin-sidebar{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:14px;background:#fff;border-bottom:1px solid #f1e3c9}.branding-admin-logo-box{width:54px;height:54px;padding:7px;border-radius:16px;background:#fff4cd;display:flex;align-items:center;justify-content:center}.branding-admin-logo-box img{width:100%;height:100%;object-fit:contain;display:block}.branding-admin-logo-box .branding-fallback-icon svg{width:44px;height:44px}.branding-admin-sidebar strong,.branding-admin-sidebar span{display:block}.branding-admin-sidebar strong{color:#1f1f1f;font-size:13px;font-weight:900}.branding-admin-sidebar span{margin-top:2px;color:#d19a00;font-size:11px;font-weight:800}.branding-admin-topbar{min-height:50px;display:flex;align-items:center;gap:10px;padding:12px 14px;color:#2b2416;font-size:13px;font-weight:800}.branding-admin-menu-dot{width:28px;height:28px;border-radius:10px;background:linear-gradient(180deg,#ffd84b,#e4a70d);box-shadow:inset 0 0 0 1px #7852001f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--border-radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:16px;font-weight:700}.modal-close{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-muted);line-height:1;padding:4px;border-radius:4px;transition:background .1s}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-body{padding:22px}.modal-footer{padding:16px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px}.alert{padding:12px 16px;border-radius:var(--border-radius-sm);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert-error{background:var(--danger-light);color:#991b1b;border:1px solid #fca5a5}.alert-success{background:var(--success-light);color:#14532d;border:1px solid #86efac}.alert-warning{background:var(--warning-light);color:#78350f;border:1px solid #fcd34d}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{position:relative;flex:1;min-width:200px}.search-input input{padding-left:36px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:14px}.type-icon-preview{width:52px;height:52px;border-radius:16px;background:#fff7df;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--primary)}.type-icon-preview-sm{width:38px;height:38px;border-radius:12px}.type-icon-preview img,.type-icon-library img{width:100%;height:100%;object-fit:contain;display:block}.type-icon-current{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.type-icon-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.type-icon-upload{position:relative}.type-icon-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:230px;overflow:auto;margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:var(--border-radius-sm);background:var(--bg)}.type-icon-library button{border:1px solid var(--border);background:#fff;border-radius:14px;padding:8px;cursor:pointer;display:grid;justify-items:center;gap:6px;color:var(--text);font-size:10.5px;font-weight:700}.type-icon-library button.active{border-color:var(--primary);background:#fff7df;box-shadow:0 0 0 2px #d5a0211f}.type-icon-library button img{width:44px;height:44px}.type-icon-library button span{max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);font-size:14px;gap:10px}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:60px;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:14px 20px;border-top:1px solid var(--border)}.pagination button{padding:6px 12px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .1s}.pagination button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:13px;color:var(--text-muted);padding:0 6px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b5200,#d39a16 56%,#f0c45b);padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 50px #0003}.login-logo{text-align:center;margin-bottom:28px}.login-logo img{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 10px;border-radius:18px;background:#fff4cf;padding:8px}.login-logo h1{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.login-logo p{color:var(--text-muted);font-size:13px;margin-top:4px}.img-upload-area{border:2px dashed var(--border);border-radius:var(--border-radius);padding:24px;text-align:center;cursor:pointer;transition:all .2s}.img-upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.img-preview{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.sidebar{transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s ease}.sidebar-closed{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-toggle-btn{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99;animation:fadeIn .2s ease}.nav-group{margin-bottom:2px}.nav-group-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:7px 20px;background:none;border:none;cursor:pointer;color:#64748b;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-family:var(--font);transition:color .15s}.nav-group-header:hover{color:#94a3b8}.nav-group-arrow{font-size:16px;font-weight:400;transition:transform .22s ease;transform:rotate(90deg);color:#475569}.nav-group-arrow.open{transform:rotate(270deg)}.nav-group-items{overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.nav-group-items.expanded{max-height:400px;opacity:1}.nav-group-items.collapsed{max-height:0;opacity:0}.main-content{transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.main-with-sidebar{margin-left:var(--sidebar-width)}.main-full{margin-left:0}.topbar{display:flex;align-items:center;gap:12px;padding:10px 0 16px}.topbar-title{font-weight:700;font-size:16px;color:var(--text)}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s,box-shadow .15s;flex-shrink:0}.hamburger-btn:hover{background:var(--bg);box-shadow:var(--shadow)}.hamburger-btn span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:all .2s}@media (max-width: 900px){.sidebar{position:fixed;z-index:100}.sidebar-overlay{display:block}.main-with-sidebar{margin-left:0!important}.main-full{margin-left:0}.main-content{padding:16px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.branding-grid,.branding-logo-split{grid-template-columns:1fr}}.topbar{display:flex;align-items:center;gap:12px;padding:10px 0 14px;border-bottom:1px solid var(--border);margin-bottom:20px}.topbar-title{font-weight:700;font-size:15px;color:var(--text)}.badge-success{background:#dcfce7;color:#14532d}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#cffafe;color:#155e75}.badge-primary{background:#fff1c2;color:#8a5b00}.badge-secondary{background:#f1f5f9;color:#475569}.btn-secondary{background:#f1f5f9;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.form-input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--border-radius-sm);font-size:13.5px;font-family:var(--font);color:var(--text);background:#fff;transition:border-color .15s ease,box-shadow .15s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d39a1624}.form-input::placeholder{color:#c0ccd8}textarea.form-input{resize:vertical;min-height:70px}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.page-container{animation:fadeIn .2s ease}.page-title{font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:13px;margin-top:2px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table thead th{padding:11px 14px;text-align:left;background:#f8fafc;color:var(--text-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.table tbody tr:hover{background:#f8fafc}.table tbody td{padding:11px 14px;color:var(--text);vertical-align:middle}.table tbody tr:last-child{border-bottom:none}code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace}body{background:#f7f8fb}.sidebar{background:#fff;border-right:1px solid #e9edf3;box-shadow:8px 0 26px #1118270a}.sidebar-logo{padding:18px 16px 16px;min-height:73px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:8px}.sidebar-logo-img{width:68px;height:32px;flex:0 0 auto;object-fit:cover;object-position:center 34%;display:block;border-radius:9px;background:#fff4cf;padding:0}.sidebar-logo h1{color:#1f2937;font-size:15px;letter-spacing:-.3px}.sidebar-logo p{color:#d39a16;font-size:12px;font-weight:800}.nav-group-header{color:#9aa3b2;padding:7px 18px 5px}.nav-group-header:hover{color:#6b7280}.nav-group-arrow{color:#c3c9d4}.sidebar-nav{padding:12px 10px}.sidebar-nav a{margin:3px 0;padding:10px 13px;border-left:0;border-radius:8px;color:#697384;font-size:13px;font-weight:700}.sidebar-nav a:hover{background:#fff8e8;color:#8a5b00}.sidebar-nav a.active{background:#ffc51f;color:#2b2208;border-left-color:transparent;box-shadow:0 8px 20px #ffc51f42}.sidebar-nav a .nav-icon{opacity:.82}.sidebar-footer{border-top:1px solid #edf0f5}.sidebar-user-avatar,.topbar-avatar{background:linear-gradient(135deg,#2f3a4d,#111827);color:#fff}.sidebar-user-info p{color:#1f2937}.sidebar-user-info span{color:#8a94a5}.main-content{background:#f7f8fb;padding:0 24px 24px}.topbar{min-height:73px;margin:0 -24px 22px;padding:0 26px;border-bottom:1px solid #e9edf3;background:#fff;box-shadow:0 4px 20px #11182708}.topbar-title{color:#111827;font-size:14px;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.topbar-bell{position:relative;width:38px;height:38px;border:none;border-radius:999px;background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.topbar-bell b{position:absolute;top:4px;right:5px;min-width:15px;height:15px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:#ef2821;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1}.topbar-profile{display:flex;align-items:center;gap:10px}.topbar-avatar{width:35px;height:35px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.topbar-avatar img{width:100%;height:100%;object-fit:contain;display:block;padding:5px;background:#fff4cf}.topbar-profile span{display:grid;gap:1px}.topbar-profile strong{color:#111827;font-size:12px;font-weight:850}.topbar-profile small{color:#8a94a5;font-size:11px;font-weight:650}.dashboard-v7{max-width:1180px}.dashboard-v7-header{margin-bottom:22px}.dashboard-v7-header .page-title{color:#111827;font-size:22px;font-weight:850}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.dashboard-kpi-card,.dashboard-mini-card,.dashboard-panel{background:#fff;border:1px solid #e8edf4;border-radius:12px;box-shadow:0 10px 26px #1118270b}.dashboard-kpi-card{min-height:142px;padding:22px 22px 18px}.dashboard-kpi-head{display:flex;justify-content:space-between;gap:10px;color:#778194;font-size:13px;font-weight:750}.dashboard-kpi-head em{color:#d39a16;font-style:normal}.dashboard-kpi-card strong{display:block;margin-top:23px;color:#242833;font-size:clamp(20px,2vw,26px);font-weight:900;letter-spacing:-.04em}.dashboard-kpi-card small{display:block;margin-top:14px;color:#22a05b;font-size:12px;font-weight:800}.dashboard-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.dashboard-mini-card{min-height:180px;padding:18px}.dashboard-mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dashboard-mini-head div{display:flex;align-items:center;gap:8px;min-width:0}.dashboard-mini-head svg{color:#6b7280}.dashboard-mini-card.warning .dashboard-mini-head svg,.dashboard-mini-card.warning .dashboard-list-row b{color:#e0a300}.dashboard-mini-card.danger .dashboard-mini-head svg,.dashboard-mini-card.danger .dashboard-list-row b{color:#ef2821}.dashboard-mini-head strong{color:#2b313d;font-size:14px;font-weight:850}.dashboard-mini-head b{min-width:20px;height:20px;border-radius:999px;background:#ffc51f;color:#2b2208;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.dashboard-mini-head button{border:none;background:transparent;color:#d39a16;font-size:12px;font-weight:850}.dashboard-mini-list{display:grid;gap:11px}.dashboard-list-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;color:#555f70;font-size:13px;font-weight:700}.dashboard-list-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-list-row small{color:#8a94a5;font-size:12px;font-weight:700}.dashboard-empty-line{color:#9aa3b2;font-size:13px;font-weight:700}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.35fr);gap:18px}.dashboard-panel{overflow:hidden}.dashboard-panel-head{min-height:54px;padding:16px 20px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-panel-head strong{color:#2b313d;font-size:14px;font-weight:850}.dashboard-panel-head b{min-width:23px;height:23px;border-radius:999px;background:#ffc51f;color:#2b2208;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.dashboard-verify-list{display:grid;gap:0;padding:8px 20px 16px}.dashboard-verify-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f6}.dashboard-verify-row:last-child{border-bottom:none}.dashboard-verify-row span{display:grid;gap:2px;min-width:0}.dashboard-verify-row strong{color:#343a46;font-size:13px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-verify-row small,.dashboard-verify-row em{color:#8a94a5;font-size:12px;font-style:normal;font-weight:700}.dashboard-table-wrapper{padding:0 12px 12px}.dashboard-table thead th{background:#fff;color:#8a94a5;border-bottom:1px solid #edf0f5}.dashboard-table tbody td{color:#4a5567;font-size:12.5px}.dashboard-table tbody td:first-child strong{color:#374151;font-size:12px}@media (max-width: 1180px){.dashboard-kpi-grid,.dashboard-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width: 760px){.topbar-profile span,.topbar-title{display:none}.main-content{padding:0 14px 18px}.topbar{margin:0 -14px 18px;padding:0 16px}.dashboard-kpi-grid,.dashboard-alert-grid{grid-template-columns:1fr}}.admin-chat-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;min-height:calc(100vh - 150px)}.admin-chat-threads,.admin-chat-room{border:1px solid var(--border);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}.admin-chat-threads-head,.admin-chat-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.admin-chat-threads-head strong,.admin-chat-room-head strong{color:var(--text);font-size:15px;font-weight:800}.admin-chat-threads-head span,.admin-chat-room-head span{color:var(--text-muted);font-size:12px;font-weight:600}.admin-chat-room-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-chat-thread-list{max-height:calc(100vh - 220px);overflow-y:auto}.admin-chat-thread{width:100%;border:none;border-bottom:1px solid var(--border);background:#fff;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 14px;text-align:left;cursor:pointer}.admin-chat-thread:hover{background:#fffaf0}.admin-chat-thread.active{background:#fff8e8}.admin-chat-avatar{width:40px;height:40px;border-radius:14px;background:var(--primary-light);color:var(--primary-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:900}.admin-chat-thread div:not(.admin-chat-avatar){display:grid;gap:2px;min-width:0}.admin-chat-thread strong{color:var(--text);font-size:13px;font-weight:800}.admin-chat-thread span,.admin-chat-thread small{color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-chat-thread b{min-width:20px;height:20px;border-radius:999px;background:#ef2821;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.admin-chat-room{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.admin-chat-messages{overflow-y:auto;padding:18px;background:#fffaf2}.admin-chat-message{display:flex;margin-bottom:10px}.admin-chat-message.mine{justify-content:flex-end}.admin-chat-message.customer{justify-content:flex-start}.admin-chat-message div{max-width:74%;border-radius:16px;padding:10px 12px;box-shadow:0 8px 18px #1f1f1f0f}.admin-chat-message.mine div{border-bottom-right-radius:5px;background:linear-gradient(180deg,#ffd84a,#ffc51f);color:#241800}.admin-chat-message.customer div{border-bottom-left-radius:5px;background:#fff;color:var(--text)}.admin-chat-typing div{box-shadow:none;background:#ffffffd1}.typing-dots{display:inline-flex!important;align-items:center;gap:3px;margin:0 0 0 5px!important;vertical-align:middle}.typing-dots i{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.35;animation:typingPulse 1s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typingPulse{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-3px);opacity:.8}}.admin-chat-message p{margin:0;white-space:pre-wrap;line-height:1.45;font-size:13px;font-weight:600}.admin-chat-message span{display:block;margin-top:5px;color:#0000007a;font-size:10px}.admin-chat-product-link{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;margin-top:9px;padding:8px;border:1px solid rgba(211,154,22,.24);border-radius:13px;background:#ffffffbd;color:inherit;text-decoration:none}.admin-chat-product-link:hover{border-color:var(--primary);background:#fffaf0}.admin-chat-product-link img,.admin-chat-product-link>span{width:44px;height:44px;border-radius:11px;object-fit:contain;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.admin-chat-product-link em{display:grid;gap:2px;min-width:0;font-style:normal}.admin-chat-product-link strong{color:var(--text);font-size:12px;font-weight:850;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-chat-product-link small{color:var(--primary-dark);font-size:11px;font-weight:800}.admin-chat-product-link b{color:var(--primary-dark);font-size:11px;font-weight:850}.admin-chat-attachment{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;margin-top:9px;padding:8px;border:1px solid rgba(211,154,22,.24);border-radius:13px;background:#ffffffbd;color:inherit;text-decoration:none}.admin-chat-attachment:hover{border-color:var(--primary);background:#fffaf0}.admin-chat-attachment img,.admin-chat-attachment>span{width:44px;height:44px;border-radius:11px;object-fit:cover;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:10px;font-weight:900}.admin-chat-attachment em{display:grid;gap:2px;min-width:0;font-style:normal}.admin-chat-attachment strong{color:var(--text);font-size:12px;font-weight:850;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-chat-attachment small{color:var(--primary-dark);font-size:11px;font-weight:800}.admin-chat-attachment b{color:var(--primary-dark);font-size:11px;font-weight:850}.admin-chat-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--border);background:#fff}.admin-chat-room-empty{align-self:center;justify-self:center}@media (max-width: 900px){.admin-chat-layout{grid-template-columns:1fr}.admin-chat-thread-list,.admin-chat-messages{max-height:420px}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}