:root{--primary-color: #0b7a84;--primary-hover: #08616a;--primary-light: rgba(11, 122, 132, .1);--primary-gradient: linear-gradient(135deg, #0b7a84 0%, #064b52 100%);--secondary-color: #1A1A1A;--bg-color: #F8FAFB;--card-bg: #FFFFFF;--border-color: #E2E8F0;--text-main: #0F172A;--text-muted: #64748B;--accent-cyan: #E0F7FA;--font-family: "Inter", "Plus Jakarta Sans", sans-serif;--border-radius: 16px;--shadow-sm: 0 2px 8px rgba(5, 38, 51, .05);--shadow-md: 0 10px 25px -5px rgba(5, 38, 51, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 40px -10px rgba(5, 38, 51, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--admin-bg: #edf3f6;--admin-bg-soft: #f7fbfc;--admin-card-bg: #ffffff;--admin-card-bg-strong: #ffffff;--admin-sidebar-bg: linear-gradient(180deg, #fbfdff 0%, #f3f9fb 100%);--admin-text: #102433;--admin-text-muted: #648092;--admin-text-soft: #8aa1af;--admin-border: rgba(140, 161, 176, .26);--admin-border-strong: rgba(11, 122, 132, .18);--admin-sidebar-text: #5d7485;--admin-sidebar-text-strong: #102433;--admin-hover: rgba(11, 122, 132, .08);--admin-active: rgba(11, 122, 132, .14);--admin-table-header: #eff6f8;--admin-input-bg: #f7fbfc;--admin-input-focus-bg: #ffffff;--admin-overlay: rgba(245, 250, 252, .92);--admin-backdrop: rgba(6, 18, 30, .34);--admin-shadow: 0 18px 45px rgba(15, 23, 42, .08);--admin-shadow-lg: 0 30px 70px rgba(15, 23, 42, .14);--admin-glow: 0 0 0 1px rgba(11, 122, 132, .08);--admin-button-bg: linear-gradient(135deg, #102433 0%, #0b7a84 100%);--admin-button-hover: linear-gradient(135deg, #143042 0%, #0fa0ac 100%);--admin-button-text: #f8fbfc;--admin-success: #2e7d32;--admin-success-bg: #e8f5e9;--admin-warning: #ef6c00;--admin-warning-bg: #fff3e0;--admin-danger: #c62828;--admin-danger-bg: #ffebee;--admin-info: #004085;--admin-info-bg: #cce5ff;--stat-visitor-bg: #e0f2f1;--stat-visitor-color: #00695c;--stat-unique-bg: #e3f2fd;--stat-unique-color: #1565c0;--stat-today-bg: #f1f8e9;--stat-today-color: #558b2f;--stat-unique-today-bg: #fff3e0;--stat-unique-today-color: #ef6c00}app-root.dark-theme{color-scheme:dark;--primary-color: #38d4df;--primary-hover: #74e7ee;--primary-light: rgba(56, 212, 223, .18);--primary-gradient: linear-gradient(135deg, #38d4df 0%, #2487c4 100%);--admin-bg: #07131b;--admin-bg-soft: #0b1b24;--admin-card-bg: #10202b;--admin-card-bg-strong: #132734;--admin-sidebar-bg: linear-gradient(180deg, #081821 0%, #0d202c 100%);--admin-text: #eaf6fb;--admin-text-muted: #96adbb;--admin-text-soft: #718897;--admin-border: rgba(140, 168, 185, .16);--admin-border-strong: rgba(56, 212, 223, .24);--admin-sidebar-text: #8ba7b8;--admin-sidebar-text-strong: #f4fbff;--admin-hover: rgba(56, 212, 223, .08);--admin-active: rgba(56, 212, 223, .16);--admin-table-header: #0c1a24;--admin-input-bg: #0b1720;--admin-input-focus-bg: #0f1f2a;--admin-overlay: rgba(7, 19, 27, .94);--admin-backdrop: rgba(2, 10, 16, .72);--admin-shadow: 0 24px 55px rgba(2, 8, 13, .44);--admin-shadow-lg: 0 40px 85px rgba(2, 8, 13, .56);--admin-glow: 0 0 0 1px rgba(56, 212, 223, .1);--admin-button-bg: linear-gradient(135deg, #163243 0%, #1aa6b4 100%);--admin-button-hover: linear-gradient(135deg, #1b3f52 0%, #39d8e3 100%);--admin-button-text: #f6fdff;--bg-color: #090f14;--admin-success: #4ade80;--admin-success-bg: rgba(74, 222, 128, .15);--admin-warning: #fbbf24;--admin-warning-bg: rgba(251, 191, 36, .15);--admin-danger: #f87171;--admin-danger-bg: rgba(248, 113, 113, .15);--admin-info: #60a5fa;--admin-info-bg: rgba(96, 165, 250, .15);--stat-visitor-bg: rgba(0, 150, 136, .15);--stat-visitor-color: #4db6ac;--stat-unique-bg: rgba(33, 150, 243, .15);--stat-unique-color: #64b5f6;--stat-today-bg: rgba(139, 195, 74, .15);--stat-today-color: #aed581;--stat-unique-today-bg: rgba(255, 152, 0, .15);--stat-unique-today-color: #ffb74d}html,body{scroll-behavior:auto;scrollbar-gutter:stable}.admin-main,.mobile-menu-content,.modal-content,.thumbnail-vertical-strip,.thumbnail-horizontal-strip{-webkit-overflow-scrolling:touch}html:has(.admin-layout),body:has(.admin-layout),body.is-admin-mode{overflow:hidden!important;height:100vh!important;margin:0;background-color:#edf3f6!important}html:has(.admin-layout) u0026:before,body:has(.admin-layout) u0026:before,body.is-admin-mode u0026:before{content:"";position:fixed;inset:0;background:#f5fafceb;z-index:9998;display:block;pointer-events:none}html:has(.admin-layout) .main-header,html:has(.admin-layout) .main-footer,html:has(.admin-layout) .admin-fab,html:has(.admin-layout) app-cart,html:has(.admin-layout) .mobile-menu-overlay,body:has(.admin-layout) .main-header,body:has(.admin-layout) .main-footer,body:has(.admin-layout) .admin-fab,body:has(.admin-layout) app-cart,body:has(.admin-layout) .mobile-menu-overlay,body.is-admin-mode .main-header,body.is-admin-mode .main-footer,body.is-admin-mode .admin-fab,body.is-admin-mode app-cart,body.is-admin-mode .mobile-menu-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;position:absolute!important;top:-9999px!important}html:has(.admin-layout) .main-content,body:has(.admin-layout) .main-content,body.is-admin-mode .main-content{padding-top:0!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;margin:0!important}body.is-admin-mode.admin-dark-mode{background-color:#07131b!important}body.is-admin-mode.admin-dark-mode:before{background:#07131bf0}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;max-width:100%}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button,input,select,textarea{cursor:pointer;font-family:var(--font-family)}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:10px 20px;font-weight:500;transition:background-color var(--transition)}.btn-primary:hover{background-color:var(--primary-hover)}.card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.text-muted{color:var(--text-muted)}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;width:1em;height:1em;overflow:hidden;vertical-align:middle;color:inherit;font-display:block}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 100%;display:inline-block;position:relative;animation:shimmer 1s linear infinite forwards;border-radius:4px}.skeleton-card{background:#fff;border-radius:20px;padding:15px;height:100%;display:flex;flex-direction:column;gap:15px;box-shadow:var(--shadow-sm)}.skeleton-card .skeleton-img{width:100%;height:200px;border-radius:12px}.skeleton-card .skeleton-info{display:flex;flex-direction:column;gap:10px}.skeleton-card .skeleton-info .skeleton-line{height:14px;border-radius:4px}.skeleton-card .skeleton-info .skeleton-line u0026.brand{width:40%;height:12px}.skeleton-card .skeleton-info .skeleton-line u0026.title{width:90%}.skeleton-card .skeleton-info .skeleton-line u0026.price{width:30%;height:20px;margin-top:5px}.fade-in{animation:fadeInEffect .5s ease-out forwards}@keyframes fadeInEffect{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:relative}.loading-overlay:before{content:"";position:absolute;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;border-radius:inherit;transition:opacity .3s}.container{max-width:1400px;margin:0 auto;padding:0 20px}.admin-layout{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:radial-gradient(circle at top right,rgba(56,212,223,.08),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--admin-bg) 95%,white 5%) 0%,var(--admin-bg) 100%)!important;color:var(--admin-text);overflow:hidden!important;z-index:9999!important;transition:background-color .3s ease,color .3s ease}.admin-layout .admin-sidebar{width:280px;background:var(--admin-sidebar-bg);color:var(--admin-sidebar-text-strong);display:flex;flex-direction:column;padding:2rem 0 1.5rem;border-right:1px solid var(--admin-border);box-shadow:var(--admin-shadow);transition:all .3s ease}.admin-layout .admin-sidebar .admin-logo{display:flex;align-items:center;gap:12px;padding:0 2rem;margin-bottom:2.5rem}.admin-layout .admin-sidebar .admin-logo .material-symbols-outlined{font-size:2.4rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(56,212,223,.22))}.admin-layout .admin-sidebar .admin-logo h3{margin:0;font-weight:900;font-size:1.3rem;letter-spacing:-.5px;text-transform:uppercase;color:var(--admin-sidebar-text-strong)}.admin-layout .admin-sidebar .admin-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1;padding:0 .85rem}.admin-layout .admin-sidebar .admin-nav a{display:flex;align-items:center;gap:15px;padding:1rem 1.15rem;color:var(--admin-sidebar-text);text-decoration:none;transition:all .25s ease;font-weight:700;border-radius:18px;position:relative;border:1px solid transparent}.admin-layout .admin-sidebar .admin-nav a .material-symbols-outlined{font-size:1.4rem}.admin-layout .admin-sidebar .admin-nav a:hover{color:var(--admin-sidebar-text-strong);background:var(--admin-hover);border-color:var(--admin-border);transform:translate(4px)}.admin-layout .admin-sidebar .admin-nav a.active{color:var(--admin-sidebar-text-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 28%,transparent),color-mix(in srgb,var(--primary-color) 10%,transparent));border-color:var(--admin-border-strong);box-shadow:inset 0 1px #ffffff0a}.admin-layout .admin-sidebar .admin-nav a.active:before{content:"";position:absolute;left:-.85rem;top:50%;width:4px;height:34px;border-radius:999px;transform:translateY(-50%);background:var(--primary-gradient);box-shadow:0 0 18px #38d4df59}.admin-layout .admin-sidebar .sidebar-footer{padding:2rem;border-top:1px solid var(--admin-border);display:flex;flex-direction:column;gap:.85rem}.admin-layout .admin-sidebar .sidebar-footer .back-link{display:flex;align-items:center;gap:10px;color:var(--admin-sidebar-text);text-decoration:none;font-size:.9rem;font-weight:700;padding:.85rem 1rem;border-radius:16px;transition:all .2s ease}.admin-layout .admin-sidebar .sidebar-footer .back-link:hover{color:var(--admin-sidebar-text-strong);background:color-mix(in srgb,var(--admin-hover) 85%,transparent)}.admin-layout .admin-main{flex-grow:1;overflow-y:auto;padding:3rem 3.25rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-layout .admin-main .admin-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.admin-layout .admin-main .admin-header h2{margin:0 0 5px;font-weight:900;font-size:clamp(2rem,3vw,2.6rem);letter-spacing:-.06em;color:var(--admin-text)}.admin-layout .admin-main .admin-header p{margin:0;color:var(--admin-text-muted);font-weight:600;font-size:1rem}.admin-layout .admin-main .admin-header .add-btn{background:var(--admin-button-bg);color:var(--admin-button-text);border:none;padding:12px 28px;border-radius:16px;display:flex;align-items:center;gap:10px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 18px 35px #081a252e}.admin-layout .admin-main .admin-header .add-btn:hover{background:var(--admin-button-hover);transform:translateY(-3px);box-shadow:0 22px 38px #081a2547}.admin-layout .admin-main .admin-filters{display:flex;justify-content:flex-start;gap:20px;margin-bottom:2rem;background:var(--admin-card-bg);padding:1.5rem;border-radius:20px;box-shadow:var(--admin-shadow);border:1px solid var(--admin-border)}.admin-layout .admin-main .admin-filters .filter-group,.admin-layout .admin-main .admin-filters .search-group{display:flex;align-items:center;gap:10px;border:1px solid var(--admin-border);padding:8px 15px;border-radius:14px;background:var(--admin-input-bg)}.admin-layout .admin-main .admin-filters .filter-group span,.admin-layout .admin-main .admin-filters .search-group span{color:var(--admin-text-soft);font-size:20px}.admin-layout .admin-main .admin-filters select,.admin-layout .admin-main .admin-filters input{border:none;background:none;outline:none;font-size:.9rem;color:var(--admin-text);width:100%}.admin-layout .admin-main .admin-filters .search-group{flex:1;max-width:400px}.admin-layout .admin-main .admin-filters .filter-group{min-width:200px}.admin-layout .admin-main .product-table-container{background:var(--admin-card-bg);border-radius:24px;padding:1rem;box-shadow:var(--admin-shadow);border:1px solid var(--admin-border);overflow:hidden;transition:all .3s ease}.admin-layout .admin-main .product-table-container .product-table{width:100%;border-collapse:collapse;text-align:left}.admin-layout .admin-main .product-table-container .product-table thead{background-color:var(--admin-table-header)}.admin-layout .admin-main .product-table-container .product-table thead th{padding:1.2rem 1.5rem;color:var(--admin-text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--admin-border)}.admin-layout .admin-main .product-table-container .product-table tbody tr{border-bottom:1px solid var(--admin-border);transition:background-color .2s}.admin-layout .admin-main .product-table-container .product-table tbody tr:hover{background-color:color-mix(in srgb,var(--admin-bg-soft) 82%,var(--admin-card-bg) 18%)}.admin-layout .admin-main .product-table-container .product-table tbody tr:last-child{border-bottom:none}.admin-layout .admin-main .product-table-container .product-table tbody tr td{padding:1.2rem 1.5rem;color:var(--admin-text);font-weight:500;vertical-align:middle}.admin-layout .admin-main .product-table-container .product-table tbody tr td.bold{font-weight:700;color:var(--admin-text)}.admin-layout .admin-main .product-table-container .product-table tbody tr td .id-badge{background:var(--admin-bg-soft);padding:4px 8px;border-radius:6px;font-family:monospace;font-weight:700;color:var(--admin-text-muted);font-size:.85rem}.admin-layout .admin-main .product-table-container .product-table tbody tr td .product-info{display:flex;align-items:center;gap:15px}.admin-layout .admin-main .product-table-container .product-table tbody tr td .product-info img{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--admin-border)}.admin-layout .admin-main .product-table-container .product-table tbody tr td .product-info span{font-weight:700;color:var(--admin-text);font-size:.95rem}.admin-layout .admin-main .product-table-container .product-table tbody tr td .stock-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.admin-layout .admin-main .product-table-container .product-table tbody tr td .stock-badge.in{background-color:#e8f5e9;color:#2e7d32}.admin-layout .admin-main .product-table-container .product-table tbody tr td .stock-badge.low{background-color:var(--admin-danger-bg);color:var(--admin-danger)}.admin-layout .admin-main .product-table-container .product-table .actions{display:flex;gap:12px}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none!important;cursor:pointer;transition:all .2s;background:var(--admin-bg);color:var(--admin-text-muted);border:1px solid var(--admin-border)!important}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn .material-symbols-outlined{font-size:1.2rem}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn:hover{transform:translateY(-2px)}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn.edit:hover{background-color:var(--admin-info-bg);color:var(--admin-info)}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn.delete{background-color:var(--admin-danger-bg);color:var(--admin-danger)}.admin-layout .admin-main .product-table-container .product-table .actions .action-btn.delete:hover{background-color:var(--admin-danger);color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--admin-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeInBg .3s ease}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--admin-card-bg);border-radius:24px;color:var(--admin-text);padding:40px;position:relative;max-width:90vw;box-shadow:var(--admin-shadow-lg);border:1px solid var(--admin-border);animation:modalSlide .4s cubic-bezier(.165,.84,.44,1);background-image:linear-gradient(180deg,color-mix(in srgb,var(--admin-card-bg) 94%,white 6%) 0%,var(--admin-card-bg) 100%)}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content .modal-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.modal-content .modal-header h3{margin:0;font-size:1.6rem;font-weight:900;color:var(--admin-text);letter-spacing:-.5px}.modal-content .modal-header .close-btn{background:var(--admin-bg-soft);border:1px solid var(--admin-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;color:var(--admin-text-muted)}.modal-content .modal-header .close-btn:hover{background:var(--admin-danger-bg);color:var(--admin-danger);transform:rotate(90deg)}.modal-content .modal-footer{margin-top:40px;display:flex;justify-content:flex-end;gap:15px}.modal-content .modal-footer button{padding:14px 28px;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;border:none;transition:all .2s}.modal-content .modal-footer .cancel-btn{background:var(--admin-bg-soft);color:var(--admin-text-muted);border:1px solid var(--admin-border)}.modal-content .modal-footer .cancel-btn:hover{background:color-mix(in srgb,var(--admin-bg-soft) 72%,var(--admin-card-bg) 28%)}.modal-content .modal-footer .submit-btn{background:var(--admin-button-bg);color:var(--admin-button-text)}.modal-content .modal-footer .submit-btn:hover{background:var(--admin-button-hover);transform:translateY(-2px)}.modal-content .modal-footer .submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:700;font-size:.9rem;color:var(--admin-text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--admin-border);border-radius:12px;font-size:.95rem;font-family:inherit;outline:none;box-sizing:border-box;background:var(--admin-input-bg);color:var(--admin-text);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color, #00C2D1);background-color:var(--admin-input-focus-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 12%,transparent)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--admin-text-soft)}.form-group textarea{resize:vertical;min-height:100px}.toast-container{position:fixed;top:30px;right:30px;z-index:20000;display:flex;flex-direction:column;gap:12px}.toast-item{background:linear-gradient(180deg,color-mix(in srgb,var(--admin-card-bg) 92%,white 8%) 0%,var(--admin-card-bg) 100%);padding:16px 24px;border-radius:18px;box-shadow:var(--admin-shadow);display:flex;align-items:center;gap:15px;min-width:300px;color:var(--admin-text);border:1px solid var(--admin-border);border-left:5px solid var(--admin-text);animation:toastIn .4s cubic-bezier(.165,.84,.44,1)}.toast-item.success{border-left-color:#2ed573}.toast-item.error{border-left-color:#ff4757}.toast-item.warning{border-left-color:#ffa502}.toast-item.info{border-left-color:#1e90ff}.toast-item .toast-icon{font-size:20px}.toast-item .toast-msg{font-weight:600;font-size:.95rem;flex-grow:1}.toast-item .toast-close{background:none;border:none;cursor:pointer;color:var(--admin-text-soft)}@keyframes toastIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.confirm-backdrop{position:fixed;inset:0;background:var(--admin-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20001;display:flex;align-items:center;justify-content:center}.confirm-box{background:linear-gradient(180deg,color-mix(in srgb,var(--admin-card-bg) 94%,white 6%) 0%,var(--admin-card-bg) 100%);padding:40px;border-radius:24px;width:100%;max-width:400px;text-align:center;box-shadow:var(--admin-shadow-lg);border:1px solid var(--admin-border)}.confirm-box .confirm-icon{width:80px;height:80px;background:var(--admin-warning-bg);color:var(--admin-warning);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.confirm-box .confirm-icon span{font-size:40px}.confirm-box .confirm-msg{font-size:1.1rem;font-weight:700;color:var(--admin-text);line-height:1.6;margin-bottom:30px}.confirm-box .confirm-actions{display:flex;gap:15px}.confirm-box .confirm-actions button{flex:1;padding:14px;border-radius:12px;font-weight:800;border:none;cursor:pointer;transition:all .2s}.confirm-box .confirm-actions .confirm-cancel{background:var(--admin-bg-soft);color:var(--admin-text-muted);border:1px solid var(--admin-border)}.confirm-box .confirm-actions .confirm-cancel:hover{background:color-mix(in srgb,var(--admin-bg-soft) 72%,var(--admin-card-bg) 28%)}.confirm-box .confirm-actions .confirm-ok{background:var(--admin-button-bg);color:var(--admin-button-text)}.confirm-box .confirm-actions .confirm-ok:hover{background:var(--admin-button-hover);transform:translateY(-2px)}@media(max-width:768px){.admin-layout .admin-main{padding:1rem!important}.admin-layout .admin-main .admin-header{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.admin-layout .admin-main .admin-header h2{font-size:1.4rem!important;letter-spacing:-.5px}.admin-layout .admin-main .admin-header p{font-size:.8rem!important;line-height:1.4}.admin-layout .admin-main .admin-header .add-btn{width:100%;padding:8px 16px!important;font-size:.8rem!important;justify-content:center;border-radius:10px}.admin-layout .admin-main .admin-header .add-btn .material-symbols-outlined{font-size:1.1rem}.admin-layout .admin-main .admin-filters{flex-direction:column;padding:.8rem;gap:8px}.admin-layout .admin-main .admin-filters .search-group{max-width:100%}.admin-layout .admin-main .admin-filters .filter-group{min-width:100%}.admin-layout .admin-main .product-table-container{padding:.4rem;border-radius:10px}.admin-layout .admin-main .product-table-container .product-table thead th{padding:.6rem .8rem!important;font-size:.7rem!important}.admin-layout .admin-main .product-table-container .product-table tbody td{padding:.6rem .8rem!important;font-size:.8rem!important}.admin-layout .admin-main .product-table-container .product-table tbody td .product-info{gap:8px}.admin-layout .admin-main .product-table-container .product-table tbody td .product-info img{width:32px;height:32px}.modal-content{padding:20px!important;border-radius:12px;width:95vw}.modal-content .modal-header{margin-bottom:15px}.modal-content .modal-header h3{font-size:1.1rem!important}.modal-content .modal-header .close-btn{width:28px;height:28px;font-size:16px}.modal-content .form-group{margin-bottom:12px}.modal-content .form-group label{font-size:.75rem;margin-bottom:4px}.modal-content .form-group input,.modal-content .form-group select,.modal-content .form-group textarea{padding:8px 12px;font-size:.85rem}.modal-content .modal-footer{margin-top:20px;gap:10px}.modal-content .modal-footer button{padding:10px 16px;font-size:.85rem}}