@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-stack);background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:600}p{margin:0 0 1rem;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d9e6;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#b8c2d3}.text-muted{color:var(--color-muted)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid{display:grid}.w-full{width:100%}.hidden{display:none!important}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--border-color);text-align:left;padding:12px 14px}thead th{letter-spacing:.5px;text-transform:uppercase;color:var(--color-muted);background:#f1f5f9;font-size:12px;font-weight:600}tbody tr:hover{background:#f9fbfd}.status-badge{letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-shipped{color:#1e40af;background:#dbeafe}.panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{border-bottom:1px solid var(--border-border);padding:1rem 1.25rem}.panel-header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.panel-body.scroll-x{overflow-x:auto}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.list-item{color:var(--color-text);align-items:center;gap:.75rem;display:flex}.list-item .tag{color:#4f46e5;background-color:#eef2ff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:500}:root{--msosi-bg-0:#070a10;--msosi-bg-1:#0f1420;--msosi-bg-2:#141c2b;--msosi-surface:#111a28;--msosi-surface-2:#1a2335;--msosi-border:#2a3550;--msosi-text:#eef3ff;--msosi-text-muted:#a4b1c8;--msosi-primary:#2dc8b3;--msosi-primary-strong:#17a592;--msosi-danger:#ff5c6c}@keyframes msosiFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msosi-food-upload-bg{min-height:100vh;color:var(--msosi-text);background:radial-gradient(circle at 14% 12%, #2dc8b32e 0%, transparent 30%), radial-gradient(circle at 86% 8%, #4179ff26 0%, transparent 32%), linear-gradient(140deg, var(--msosi-bg-0), var(--msosi-bg-1) 55%, #0b121e);padding-bottom:32px;font-family:Sora,Segoe UI,sans-serif}.msosi-food-upload-appbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a101cb8;border-bottom:1px solid #6f8ab333;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.msosi-food-upload-back{border:1px solid var(--msosi-border);background:var(--msosi-surface-2);color:var(--msosi-text);cursor:pointer;border-radius:10px;margin-right:12px;padding:4px 10px;font-size:1.2rem;transition:all .2s}.msosi-food-upload-back:hover{background:#21314b;border-color:#3f5a84;transform:translateY(-1px)}.msosi-food-upload-appbar h2{letter-spacing:.2px;margin:0;font-size:1.15rem;font-weight:700}.msosi-food-upload-form{background:linear-gradient(#141c2beb,#0d141ff2);border:1px solid #7c98c738;border-radius:20px;flex-direction:column;gap:16px;max-width:1040px;margin:32px auto;padding:26px;animation:.35s msosiFadeUp;display:flex;box-shadow:0 25px 60px #03081180}.msosi-food-upload-hero{background:linear-gradient(120deg,#142336f2,#121b29e6);border:1px solid #7892bd38;border-radius:14px;padding:16px}.msosi-food-upload-hero h3{margin:0;font-size:1.14rem;font-weight:700}.msosi-food-upload-hero p{color:var(--msosi-text-muted);margin:7px 0 0;font-size:.9rem}.msosi-form-panel{background:linear-gradient(#131c2bb3,#0f1622b3);border:1px solid #7892bd33;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.msosi-section-header{justify-content:space-between;align-items:flex-end;display:flex}.msosi-food-upload-section-title{letter-spacing:.2px;color:var(--msosi-text);font-size:1rem;font-weight:700}.msosi-counter-label{color:var(--msosi-primary);font-size:.88rem;font-weight:700}.msosi-empty-hint{color:var(--msosi-text-muted);padding:0 10px;font-size:.88rem}.msosi-food-upload-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.msosi-food-upload-row--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.msosi-inline-row{align-items:center;gap:8px;display:flex}.msosi-grow{flex:1}.msosi-input-group{flex-direction:column;gap:4px;display:flex}.msosi-input-label{color:#cad5eb;font-size:.88rem;font-weight:600}.msosi-input-wrapper{border:1px solid var(--msosi-border);background:#0d131f;border-radius:10px;align-items:center;min-height:42px;padding:0 10px;transition:all .2s;display:flex}.msosi-input-wrapper:focus-within{border-color:var(--msosi-primary);background:#101a2a;box-shadow:0 0 0 3px #2dc8b32e}.msosi-input-icon{color:#7f94b8;margin-right:8px;font-size:1.02rem;transition:color .2s}.msosi-input-wrapper:focus-within .msosi-input-icon{color:var(--msosi-primary)}.msosi-food-upload-input{width:100%;color:var(--msosi-text);background:0 0;border:0;outline:0;padding:9px 0;font-family:inherit;font-size:.95rem}.msosi-food-upload-input::placeholder{color:#7688a8}textarea.msosi-food-upload-input{resize:vertical;min-height:64px;line-height:1.45}.msosi-food-upload-form select.msosi-food-upload-input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#8192af 50%),linear-gradient(135deg,#8192af 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.msosi-food-upload-form select.msosi-food-upload-input option{color:var(--msosi-text);background:#131d2d}.msosi-meal-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.msosi-meal-type-chip{color:#b8c9e6;cursor:pointer;background:#101a2a;border:1px solid #355177;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.msosi-meal-type-chip:hover{color:#d6e6ff;border-color:#4d6f9c;transform:translateY(-1px)}.msosi-meal-type-chip.active{border-color:var(--msosi-primary);color:#e8fffa;background:#2dc8b32e;box-shadow:0 0 0 2px #2dc8b326}.msosi-meal-type-hint{color:var(--msosi-text-muted);margin-top:4px;font-size:.8rem}.msosi-add-btn{color:#d9ebff;cursor:pointer;background:#173356;border:1px solid #32638e;border-radius:10px;min-width:64px;height:42px;font-size:.9rem;font-weight:600;transition:all .2s}.msosi-add-btn:hover{background:#1f4470;transform:translateY(-1px)}.msosi-food-upload-images-row{align-items:center;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.msosi-food-upload-image-picker{color:#a8bad8;cursor:pointer;background:#0e1625;border:2px dashed #3f5f84;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:96px;height:96px;transition:all .2s;display:flex}.msosi-food-upload-image-picker:hover{border-color:var(--msosi-primary);color:var(--msosi-primary);transform:translateY(-2px)}.msosi-food-upload-image-picker svg{margin-bottom:4px;font-size:1.4rem}.msosi-food-upload-image-picker span{font-size:.8rem;font-weight:600}.msosi-food-upload-image-thumb{border:1px solid #334767;border-radius:10px;min-width:96px;height:96px;position:relative;overflow:hidden;box-shadow:0 10px 22px #060c1659}.msosi-food-upload-image-thumb img{object-fit:cover;width:100%;height:100%}.msosi-food-upload-image-thumb button{width:22px;height:22px;color:var(--msosi-danger);cursor:pointer;background:#0b111be6;border:0;border-radius:999px;font-size:.92rem;position:absolute;top:4px;right:4px}.msosi-submit-row{justify-content:flex-end;margin-top:2px;display:flex}.msosi-food-upload-submit{color:#052923;cursor:pointer;background:linear-gradient(120deg,#3be7cf,#2dc8b3);border:0;border-radius:11px;min-width:170px;padding:11px 22px;font-size:.98rem;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #2dc8b34d}.msosi-food-upload-submit:hover{background:linear-gradient(120deg, #27d8c0, var(--msosi-primary-strong));transform:translateY(-1px)}.msosi-food-upload-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.loading-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#03070e80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{color:#e7f5ff;background:#111a2a;border:1px solid #2e415f;border-radius:12px;padding:24px;font-weight:600;box-shadow:0 10px 30px #0006}.dialog{min-width:340px;max-width:95vw;max-height:90vh;color:var(--msosi-text);background:#111b2b;border:1px solid #334a6d;border-radius:14px;padding:26px 24px 18px;overflow-y:auto;box-shadow:0 28px 70px #00000080}.dialog h3{margin:0 0 16px;font-size:1.06rem}.img-preview{color:#8fa7ca;cursor:pointer;background:#0e1623;border:1.5px dashed #476492;border-radius:9px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;overflow:hidden}.img-preview:hover{color:var(--msosi-primary);border-color:var(--msosi-primary)}.dialog-actions button{color:#d8e8ff;cursor:pointer;background:#17263d;border:1px solid #3a5277;border-radius:9px;padding:7px 16px;font-weight:600}.dialog-actions button:hover{background:#1f3455}@media (max-width:900px){.msosi-food-upload-form{border-radius:14px;margin:18px 12px;padding:14px}}@media (max-width:768px){.msosi-food-upload-row,.msosi-meal-types-grid{grid-template-columns:1fr}.msosi-submit-row{justify-content:stretch}.msosi-food-upload-submit{width:100%}.msosi-section-header{align-items:center}}.category-mgmt-root{max-width:800px;margin:0 auto;padding:20px}.category-mgmt-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.back-btn{cursor:pointer;background:0 0;border:none;font-size:24px}.category-mgmt-search{align-items:center;margin-bottom:20px;display:flex;position:relative}.category-mgmt-search input{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px}.clear-btn{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;right:10px}.fab{color:#fff;cursor:pointer;z-index:100;background-color:#007bff;border:none;border-radius:50px;padding:15px 20px;font-weight:700;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 6px #0000001a}.category-list{flex-direction:column;gap:15px;padding-bottom:80px;display:flex}.category-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex;box-shadow:0 2px 8px #0000000d}.category-img{background-color:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.category-img img{object-fit:cover;width:100%;height:100%}.img-placeholder{font-size:30px}.category-info{flex-grow:1}.category-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.category-title{font-size:18px;font-weight:600}.category-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;font-size:18px}.category-actions button:hover{background-color:#f0f0f0}.subcategory-section{background-color:#f9f9f9;border-radius:8px;padding:10px}.subcategory-header{color:#555;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.subcategory-header button{color:#007bff;cursor:pointer;background:0 0;border:none;font-weight:600}.subcategory-list{flex-wrap:wrap;gap:10px;display:flex}.subcategory-empty{color:#999;font-size:12px}.subcategory-chip{background:#e0e0e0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.chip-delete{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:14px}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:20px}.dialog h3{margin-top:0;margin-bottom:20px}.dialog input[type=text]{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:20px;padding:10px}.dialog-img-picker{justify-content:center;margin-bottom:20px;display:flex}.img-preview{cursor:pointer;background-color:#fafafa;border:1px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.img-preview img{object-fit:cover;width:100%;height:100%}.img-preview span{color:#666;text-align:center;padding:10px;font-size:12px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 15px;font-weight:500}.dialog-actions button:first-child{color:#333;background-color:#f0f0f0}.dialog-actions button:last-child{color:#fff;background-color:#007bff}.dialog-actions button:disabled{cursor:not-allowed;background-color:#ccc}.msosi-orders-bg{color:#e6edf3;background:#0d1117;min-height:100vh;font-family:Sora,sans-serif}.msosi-orders-appbar{z-index:10;background:#161b22;border-bottom:1px solid #21262d;align-items:center;gap:14px;padding:14px 24px;display:flex;position:sticky;top:0}.msosi-orders-back{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .18s,color .18s;display:flex}.msosi-orders-back:hover{color:#fff;background:#2bb2a5;border-color:#2bb2a5}.msosi-orders-appbar-info{flex:1}.msosi-orders-appbar-info h2{color:#e6edf3;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.msosi-orders-appbar-name{color:#8b949e;font-size:.8rem;font-weight:400}.msosi-orders-appbar-total{background:#21262d;border:1px solid #30363d;border-radius:10px;flex-direction:column;align-items:center;padding:6px 14px;display:flex}.msosi-orders-appbar-total-num{color:#2bb2a5;font-size:1.25rem;font-weight:700;line-height:1}.msosi-orders-appbar-total-lbl{color:#8b949e;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.msosi-orders-status-filter{scrollbar-width:none;background:#161b22;border-bottom:1px solid #21262d;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.msosi-orders-status-filter::-webkit-scrollbar{display:none}.msosi-orders-status-chip{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:flex}.msosi-orders-status-chip:hover{color:#e6edf3;background:#2a3140;border-color:#8b949e}.msosi-orders-status-chip.selected{color:#061f1d;background:#2bb2a5;border-color:#2bb2a5;font-weight:700}.msosi-orders-chip-count{background:#ffffff26;border-radius:10px;padding:0 6px;font-size:.75rem;font-weight:700}.msosi-orders-status-chip.selected .msosi-orders-chip-count{background:#0000002e}.msosi-orders-content{max-width:920px;margin:0 auto;padding:20px 20px 60px}.msosi-orders-loading{justify-content:center;align-items:center;min-height:140px;display:flex}.msosi-orders-spinner{border:3px solid #2bb2a5;border-top-color:#0000;border-radius:50%;width:32px;height:32px;animation:.9s linear infinite msosi-spin}@keyframes msosi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msosi-orders-empty{text-align:center;color:#8b949e;margin-top:60px}.msosi-orders-empty-icon{opacity:.5;margin-bottom:12px;font-size:2.8rem;display:block}.msosi-orders-empty p{font-size:.95rem}.msosi-orders-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.msosi-orders-card{background:#161b22;border:1px solid #21262d;border-left:4px solid #2bb2a5;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .2s,border-color .2s;display:flex}.msosi-orders-card:hover{border-color:#2bb2a5;border-left-color:inherit;box-shadow:0 6px 28px #0006}.msosi-orders-card--delivered{border-left-color:#34a853}.msosi-orders-card--cancelled{border-left-color:#e53935}.msosi-orders-card--ontheway{border-left-color:#1e88e5}.msosi-orders-card--preparing{border-left-color:#fb8c00}.msosi-orders-card--placed{border-left-color:#2bb2a5}.msosi-orders-card-header{justify-content:space-between;align-items:center;display:flex}.msosi-orders-card-id{color:#8b949e;letter-spacing:.8px;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.msosi-orders-card-badges{align-items:center;gap:6px;display:flex}.msosi-orders-free-badge{color:#ff9800;letter-spacing:.5px;background:#ff980022;border:1px solid #ff980044;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.msosi-orders-status-pill{letter-spacing:.3px;border-radius:8px;padding:3px 10px;font-size:.75rem;font-weight:700}.msosi-orders-status-pill--delivered{color:#34a853;background:#34a85322}.msosi-orders-status-pill--cancelled{color:#e53935;background:#e5393522}.msosi-orders-status-pill--ontheway{color:#60b4ff;background:#1e88e522}.msosi-orders-status-pill--preparing{color:#fb8c00;background:#fb8c0022}.msosi-orders-status-pill--placed{color:#2bb2a5;background:#2bb2a522}.msosi-orders-card-customer{justify-content:space-between;align-items:center;display:flex}.msosi-orders-customer-left{align-items:center;gap:10px;display:flex}.msosi-orders-customer-avatar{background:#21262d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.msosi-orders-customer-name{color:#e6edf3;font-size:.95rem;font-weight:600}.msosi-orders-customer-phone{color:#8b949e;font-size:.8rem}.msosi-orders-contact-btn{cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:1rem;transition:background .18s}.msosi-orders-contact-btn:hover{background:#1a4d44;border-color:#2bb2a5}.msosi-orders-card-addr-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.msosi-orders-address{color:#8b949e;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.msosi-orders-addr-block{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msosi-orders-map-link{color:#34a853;font-size:.72rem;font-weight:600;text-decoration:none;transition:opacity .15s}.msosi-orders-map-link:hover{opacity:.75;text-decoration:underline}.msosi-orders-date{color:#6e7681;white-space:nowrap;flex-shrink:0;font-size:.78rem}.msosi-orders-divider{background:#21262d;height:1px;margin:0 -4px}.msosi-orders-items{flex-direction:column;gap:6px;display:flex}.msosi-orders-item{background:#0d1117;border:1px solid #21262d;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.msosi-orders-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.msosi-orders-item-icon{background:#21262d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.msosi-orders-item-info{flex:1;min-width:0}.msosi-orders-item-name{color:#e6edf3;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.msosi-orders-item-meta{color:#8b949e;font-size:.78rem}.msosi-orders-item-total{color:#2bb2a5;white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:700}.msosi-orders-card-footer{border-top:1px solid #21262d;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding-top:10px;display:flex}.msosi-orders-total-label{color:#8b949e;text-transform:uppercase;letter-spacing:.6px;font-size:.68rem;font-weight:600}.msosi-orders-total-value{color:#2bb2a5;font-size:1.15rem;font-weight:800}.msosi-orders-status-btn{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:8px 18px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:700;transition:opacity .18s,transform .15s}.msosi-orders-status-btn:hover{opacity:.85;transform:translateY(-1px)}.msosi-orders-status-btn.updating{opacity:.5;cursor:not-allowed}.msosi-orders-status-btn--placed{color:#061f1d;background:#2bb2a5}.msosi-orders-status-btn--preparing{color:#1a1000;background:#fb8c00}.msosi-orders-status-btn--ontheway{color:#fff;background:#1e88e5}.msosi-orders-status-btn--delivered{color:#fff;background:#34a853}.msosi-orders-status-btn--cancelled{color:#fff;background:#e53935}.msosi-orders-status-picker{grid-template-columns:repeat(2,1fr);gap:8px;padding-top:8px;display:grid}.msosi-orders-status-option{cursor:pointer;text-align:center;background:#21262d;border:1px solid #30363d;border-radius:8px;padding:8px 10px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;transition:background .18s,border-color .18s,transform .12s}.msosi-orders-status-option:hover{border-color:currentColor;transform:translateY(-1px)}.msosi-orders-status-option--preparing{color:#fb8c00}.msosi-orders-status-option--ontheway{color:#60b4ff}.msosi-orders-status-option--delivered{color:#34a853}.msosi-orders-status-option--cancelled{color:#e53935}.msosi-orders-status-option--preparing:hover{background:#fb8c0015}.msosi-orders-status-option--ontheway:hover{background:#1e88e515}.msosi-orders-status-option--delivered:hover{background:#34a85315}.msosi-orders-status-option--cancelled:hover{background:#e5393515}@media (max-width:600px){.msosi-orders-content{padding:14px 12px 60px}.msosi-orders-appbar{padding:12px 14px}.msosi-orders-status-filter{padding:10px 14px}.msosi-orders-list{grid-template-columns:1fr}.msosi-orders-status-picker{grid-template-columns:repeat(2,1fr)}}.msosi-mgmt-bg{color:#eef3ff;background:radial-gradient(circle at 8% 10%,#2bb2a52e 0%,#0000 32%),radial-gradient(circle at 90% 6%,#6576ff29 0%,#0000 30%),linear-gradient(145deg,#0b111b,#111b2a 60%,#0d1522);min-height:100vh;font-family:Sora,Segoe UI,sans-serif}.msosi-mgmt-appbar{color:#eef3ff;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101927db;border-bottom:1px solid #283752;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #050a1159}.msosi-mgmt-back{cursor:pointer;color:#d3e4ff;background:#17253b;border:1px solid #304a6d;border-radius:8px;padding:4px 10px;font-size:1.1rem;transition:all .2s}.msosi-mgmt-back:hover{background:#223a5a;border-color:#486b98}.msosi-mgmt-appbar h2{color:#f5f8ff;letter-spacing:.25px;flex:1;margin:0;font-size:1.05rem;font-weight:700}.msosi-mgmt-content{max-width:1080px;margin:0 auto;padding:20px 16px 38px}.msosi-mgmt-hero-card{background:linear-gradient(175deg,#152134,#101a2a);border:1px solid #304460;border-radius:14px;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:12px;padding:14px;display:grid;box-shadow:0 16px 34px #03080f5c}.msosi-mgmt-img-wrap{background:#1a2840;border:1px solid #3c5476;border-radius:10px;justify-content:center;align-items:center;width:100%;height:148px;display:flex;overflow:hidden}.msosi-mgmt-img-wrap img{object-fit:cover;width:100%;height:100%}.msosi-mgmt-img-placeholder-card{color:#b8cae7;font-size:2rem}.msosi-mgmt-hero-info{min-width:0}.msosi-mgmt-hero-name{color:#f2f7ff;font-size:1.18rem;font-weight:700;line-height:1.35}.msosi-mgmt-hero-meta{color:#a8b8d2;margin-top:6px;font-size:.9rem;line-height:1.4}.msosi-mgmt-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.msosi-mgmt-metric{background:#18263d;border:1px solid #334b70;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.msosi-mgmt-metric span{color:#95aacd;font-size:.78rem}.msosi-mgmt-metric strong{color:#eef4ff;font-size:.98rem}.msosi-mgmt-metric.active strong{color:#69eeb8}.msosi-mgmt-metric.inactive strong{color:#ff9a9a}.msosi-mgmt-quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.msosi-mgmt-qa-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.msosi-mgmt-qa-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.msosi-mgmt-qa-btn:active{transform:translateY(0)}.msosi-mgmt-qa-icon{font-size:1.1rem}.msosi-mgmt-qa-add{color:#fff;background:linear-gradient(135deg,#2bb2a5 0%,#1d8a7e 100%)}.msosi-mgmt-qa-orders{color:#fff;background:linear-gradient(135deg,#66bb6a 0%,#43a047 100%)}.msosi-mgmt-qa-edit{color:#fff;background:linear-gradient(135deg,#ab47bc 0%,#7b1fa2 100%)}.msosi-mgmt-qa-badge{color:#fff;text-align:center;background:#ff5252;border-radius:999px;min-width:18px;padding:1px 6px;font-size:.7rem;font-weight:700;position:absolute;top:6px;right:8px}@media (max-width:480px){.msosi-mgmt-quick-actions{grid-template-columns:1fr}}.msosi-mgmt-status-card{background:#111b2a;border:1px solid #2d4365;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex;box-shadow:0 8px 20px #03080f4d}.msosi-mgmt-status-title{color:#f0f5ff;font-size:.98rem;font-weight:700}.msosi-mgmt-status-desc{margin-top:3px;font-size:.9rem;font-weight:600}.msosi-mgmt-status-desc.active{color:#6deab7}.msosi-mgmt-status-desc.inactive{color:#ff9f9f}.msosi-mgmt-switch{width:38px;height:20px;display:inline-block;position:relative}.msosi-mgmt-switch input{opacity:0;width:0;height:0}.msosi-mgmt-slider{cursor:pointer;background:#6b7586;border-radius:999px;transition:all .2s;position:absolute;inset:0}.msosi-mgmt-switch input:checked+.msosi-mgmt-slider{background:#2bb2a5}.msosi-mgmt-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.msosi-mgmt-switch input:checked+.msosi-mgmt-slider:before{transform:translate(18px)}.msosi-mgmt-status-note{color:#9fb1ce;margin-bottom:12px;margin-left:2px;font-size:.86rem}.msosi-mgmt-section-head{margin:12px 0 10px}.msosi-mgmt-section-title{color:#f3f8ff;font-size:1.06rem;font-weight:700}.msosi-mgmt-section-sub{color:#a5b6d3;margin-top:4px;font-size:.87rem}.msosi-mgmt-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}.msosi-mgmt-card{--card-accent:#2bb2a5;cursor:pointer;border:1px solid #2e4261;border-left:4px solid var(--card-accent);background:linear-gradient(170deg,#172337,#101a2a);border-radius:12px;align-items:center;min-width:0;padding:10px 12px;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex;box-shadow:0 10px 22px #04090f52}.msosi-mgmt-card:hover{border-color:#3b5f8a;transform:translateY(-1px);box-shadow:0 14px 26px #0b213973}.msosi-mgmt-card-icon{background:#20324a;border:1px solid #35537a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:1.2rem;display:flex;position:relative}.msosi-mgmt-badge{color:#fff;text-align:center;z-index:2;background:#f44336;border-radius:999px;min-width:15px;padding:1px 6px;font-size:.73rem;font-weight:700;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #f4433659}.msosi-mgmt-badge-new{background:#2bb2a5;top:11px;right:-7px;box-shadow:0 2px 6px #2bb2a54d}.msosi-mgmt-card-info{flex:1;min-width:0}.msosi-mgmt-card-title{color:#f3f7ff;font-size:.98rem;font-weight:700;line-height:1.35}.msosi-mgmt-card-sub{color:#a9b8cf;margin-top:2px;font-size:.86rem;line-height:1.35}.msosi-mgmt-card-arrow{color:#90a4c3;margin-left:8px;font-size:.95rem}.msosi-mgmt-loading{justify-content:center;align-items:center;min-height:120px;display:flex}.msosi-mgmt-spinner{border:3px solid #345177;border-top-color:#2bb2a5;border-radius:50%;width:30px;height:30px;animation:1s linear infinite msosi-spin}.msosi-mgmt-empty{text-align:center;color:#b8c6db;margin-top:80px;font-size:1.05rem}@media (max-width:860px){.msosi-mgmt-content{padding:14px 10px 22px}.msosi-mgmt-hero-card{grid-template-columns:1fr}.msosi-mgmt-img-wrap{height:170px}.msosi-mgmt-metrics{grid-template-columns:1fr}}@media (max-width:620px){.msosi-mgmt-appbar{padding:10px 12px}.msosi-mgmt-cards{grid-template-columns:1fr}.msosi-mgmt-card{align-items:flex-start}}.sidebar{background:var(--surface-color);border-right:1px solid var(--border-color);width:240px;height:100vh;box-shadow:var(--shadow-sm);z-index:1000;flex-direction:column;transition:all .25s;display:flex;position:fixed;top:0;left:0;transform:translate(0)}.sidebar.collapsed{width:72px;transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border-color);z-index:2;margin-bottom:1rem;padding:1.5rem;position:relative}.logo{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.logo:hover{background:var(--color-primary-accent);background:var(--color-primary-accent)}.brand-name{color:var(--text-color);margin-top:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.sidebar.collapsed .brand-name{opacity:0;pointer-events:none}.collapse-btn{cursor:pointer;z-index:10;color:#64748b;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:-16px;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000f,inset 0 1px #fffc}.collapse-btn:hover{color:#3b82f6;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);transform:scale(1.1);box-shadow:0 6px 24px #00000026,0 4px 12px #0000001a,inset 0 1px #ffffffe6}.collapse-btn svg{width:14px;height:14px;transition:transform .2s}.collapse-btn{background:var(--surface-color);border:1px solid var(--border-color);width:24px;height:24px;color:var(--muted-text-color);cursor:pointer;box-shadow:var(--shadow-sm);z-index:10;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:24px;right:-12px}.collapse-btn:hover{background:var(--bg-color);color:var(--text-color);box-shadow:var(--shadow-md)}.collapse-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav{z-index:2;flex:1;padding:1rem 0;position:relative;overflow:hidden auto}.nav-item{border-radius:var(--radius-md);color:var(--muted-text-color);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;margin:.125rem .5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:var(--bg-color);color:var(--text-color);border-color:var(--border-color)}.nav-item.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-item.active:before{content:"";background:#fff;border-radius:0 2px 2px 0;width:3px;height:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar.collapsed .nav-item{justify-content:center;gap:0;margin:.125rem .5rem;padding:.75rem}.sidebar.collapsed .nav-item:hover{transform:none}.nav-item .icon{color:currentColor;flex-shrink:0;width:18px;height:18px;transition:all .2s}.nav-item:hover .icon{transform:none}.nav-item.active .icon{color:#fff}.nav-item .label{opacity:1;flex:1;font-weight:500;transition:all .2s;transform:translate(0)}.sidebar.collapsed .nav-item .label{opacity:0;pointer-events:none;position:absolute;left:-9999px;transform:translate(-20px)}.sidebar-footer{border-top:1px solid var(--border-color);z-index:2;margin-top:auto;padding:1rem .5rem 1.5rem;position:relative}.logout-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;color:var(--muted-text-color);cursor:pointer;background:0 0;align-items:center;gap:.75rem;margin:.125rem 0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.logout-btn:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.logout-btn:active{transform:translateY(0)}.logout-btn .icon{flex-shrink:0;font-size:1.125rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.logout-btn:hover .icon{transform:translate(2px)}.logout-btn .label{text-align:left;flex:1;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .logout-btn{justify-content:center;padding:.875rem}.sidebar.collapsed .logout-btn .label{opacity:0;width:0;margin:0;overflow:hidden}.sidebar.collapsed .logout-btn .icon{margin:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:860px){.sidebar{box-shadow:0 8px 32px #00000026, 0 0 0 1px rgba(var(--surface-color-rgb,255, 255, 255), .1);border-radius:0 16px 16px 0;transform:translate(-100%)}.app-shell.sidebar-mobile-open .sidebar{transform:translate(0)}.collapse-btn{display:none}.sidebar:before{background:linear-gradient(180deg, rgba(var(--color-primary-rgb,59, 130, 246), .05) 0%, transparent 50%, rgba(var(--color-primary-accent-rgb,139, 92, 246), .03) 100%)}}.app-shell{background-color:var(--bg-color);min-height:100vh;display:flex}.main-area{flex-grow:1;padding-left:240px;transition:padding-left .25s}.app-shell.collapsed .main-area{padding-left:72px}.main-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);align-items:center;height:60px;padding:0 1rem;display:none}.mobile-menu-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.content-outlet{padding:0}.mobile-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:860px){.main-area{padding-left:0}.main-header{display:flex}.app-shell.sidebar-mobile-open .mobile-overlay{display:block}}.dashboard-page{background:radial-gradient(circle at 100% 0,#2bb2a514,#0000 24%),radial-gradient(circle at 0 100%,#1e88e514,#0000 28%);padding:1.5rem}.page-header{border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 92%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.page-header h1{margin:0;font-size:1.5rem;font-weight:800}.page-header .subtle{color:var(--muted-text-color);margin-top:.25rem;font-size:.9rem;font-weight:500;display:block}.page-header__right{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-col-span-1{grid-column:span 1}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000014}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.panel-header h3{margin:0;font-size:1rem;font-weight:700}.panel-body{padding:1rem}.visit-filter-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.visit-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.visit-metric-box{text-align:center;border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 80%, var(--bg-color));border-radius:12px;padding:.8rem .5rem}.visit-metric-box h4{color:var(--muted-text-color);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.visit-metric-box p{margin:0;font-size:1.8rem;font-weight:800;line-height:1}.item-list{flex-direction:column;gap:.7rem;margin:0;padding:.8rem 1rem 1rem;list-style:none;display:flex}.item-row{border-radius:10px;align-items:center;gap:.7rem;padding:.5rem;display:flex}.item-row:hover{background:color-mix(in srgb, var(--surface-color) 70%, var(--bg-color))}.item-row .thumb{background:var(--bg-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.item-row .thumb img{object-fit:cover;border-radius:10px;width:100%;height:100%}.item-row .meta{flex-grow:1;min-width:0}.item-row .title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.item-row .sub{color:var(--muted-text-color);font-size:.82rem}.item-row .badge{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary);text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.item-row .amount{white-space:nowrap;font-weight:700}.empty{text-align:center;color:var(--muted-text-color);padding:1.2rem;font-size:.92rem}.link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:700}.mini-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.mini-list li{justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.alert-card{border-radius:10px;align-items:center;gap:.5rem;margin-top:.7rem;padding:.65rem .75rem;font-weight:600;display:flex}.alert-card.warn{background:color-mix(in srgb, var(--color-warning) 20%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent)}.alert-card.info{background:color-mix(in srgb, var(--color-info) 20%, transparent);color:var(--color-info);border:1px solid color-mix(in srgb, var(--color-info) 40%, transparent)}.inline-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.28rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.msosi-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.msosi-range-filters{flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem;display:flex}.msosi-snapshot-card{border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-color) 82%, var(--bg-color));border-radius:12px;padding:.8rem}.msosi-snapshot-label{color:var(--muted-text-color);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.msosi-snapshot-value{margin-top:.35rem;font-size:1.35rem;font-weight:800;line-height:1.15}.msosi-trend-wrap{border-top:1px solid var(--border-color);margin-top:.95rem;padding-top:.9rem}.msosi-trend-head{color:var(--muted-text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem;font-size:.82rem;font-weight:700}.msosi-trend-subtitle{color:var(--muted-text-color);margin-bottom:.55rem;font-size:.72rem}.msosi-trend-scroll{padding-bottom:.2rem;overflow:auto hidden}.msosi-trend-bars{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));align-items:end;gap:.4rem;min-width:540px;display:grid}.msosi-trend-col{flex-direction:column;align-items:center;min-width:0;display:flex}.msosi-trend-count{color:var(--muted-text-color);margin-bottom:.2rem;font-size:.68rem}.msosi-trend-bar-track{background:color-mix(in srgb, var(--surface-color) 78%, var(--bg-color));border:1px solid var(--border-color);border-radius:8px;align-items:flex-end;width:100%;height:88px;display:flex;overflow:hidden}.msosi-trend-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 60%, #fff) 0%, var(--color-primary) 100%);border-radius:8px 8px 0 0;width:100%;min-height:2px;transition:height .25s}.msosi-trend-label{color:var(--muted-text-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:.28rem;font-size:.64rem;overflow:hidden}.status-delivered{color:#34a853!important;background:#34a85333!important}.status-cancelled{color:#e53935!important;background:#e5393533!important}.status-on-the-way,.status-on-the-way-1,.status-on-the-way-2{color:#1e88e5!important;background:#1e88e533!important}.status-preparing,.status-order-placed{color:#fb8c00!important;background:#fb8c0033!important}@media (max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-col-span-2{grid-column:span 2}}@media (max-width:860px){.page-header{flex-direction:column;align-items:flex-start}.page-header__right{justify-content:flex-start;width:100%}.msosi-snapshot-grid{grid-template-columns:1fr}}@media (max-width:760px){.dashboard-page{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.grid-col-span-1,.grid-col-span-2,.grid-col-span-3{grid-column:span 1}.visit-metrics-row{grid-template-columns:1fr}}.msosi-menu-bg{color:#ecf3ff;background:radial-gradient(circle at 8% 8%,#20bfaa24 0%,#0000 35%),radial-gradient(circle at 88% 4%,#4374d629 0%,#0000 34%),linear-gradient(150deg,#0b111b,#10192a 65%,#0d1623);min-height:100vh;font-family:Sora,Segoe UI,sans-serif}.msosi-menu-appbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f2f7ff;z-index:12;background:#0e1725d6;border-bottom:1px solid #283854;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #04090f57}.msosi-menu-appbar h2{letter-spacing:.2px;flex:1;margin:0;font-size:1.06rem;font-weight:700}.msosi-menu-back{cursor:pointer;color:#d4e7ff;background:#162337;border:1px solid #304766;border-radius:8px;padding:4px 10px;font-size:1.1rem;transition:all .2s}.msosi-menu-back:hover{background:#224066;border-color:#3e6697}.msosi-menu-add-top-btn,.msosi-menu-paste-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;padding:7px 14px;font-size:.88rem;font-weight:700;transition:all .2s}.msosi-menu-add-top-btn{color:#072821;background:#2bb2a5;border-color:#42d1c2}.msosi-menu-add-top-btn:hover{background:#26a397}.msosi-menu-paste-btn{color:#e7f0ff;background:#1d3048;border-color:#355177}.msosi-menu-paste-btn:hover:not(:disabled){background:#254063;border-color:#4f75a7}.msosi-menu-paste-btn:disabled{opacity:.5;cursor:not-allowed}.msosi-menu-content{max-width:1320px;margin:0 auto;padding:18px 18px 22px}.msosi-menu-toolbar{grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin-bottom:14px;display:grid}.msosi-menu-search-input,.msosi-menu-sort-select{color:#e7f0ff;background:#131f32;border:1px solid #334d73;border-radius:10px;outline:none;min-height:40px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.msosi-menu-search-input{padding:0 12px}.msosi-menu-sort-select{padding:0 10px}.msosi-menu-search-input:focus,.msosi-menu-sort-select:focus{border-color:#48c6b8;box-shadow:0 0 0 3px #2dc4b42e}.msosi-menu-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.msosi-menu-overview-card{background:linear-gradient(170deg,#152136,#101b2c);border:1px solid #2f4464;border-radius:12px;padding:10px 12px}.msosi-menu-overview-label{color:#9fb4d4;margin-bottom:4px;font-size:.82rem}.msosi-menu-overview-value{color:#f2f7ff;font-size:1.08rem;font-weight:700}.msosi-menu-loading{justify-content:center;align-items:center;height:120px;display:flex}.msosi-menu-spinner{border:3px solid #2f4668;border-top-color:#2bb2a5;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.msosi-menu-empty{text-align:center;color:#b9c6dc;margin-top:54px}.msosi-menu-empty-icon{font-size:2.5rem}.msosi-menu-empty h3{color:#eef4ff;margin:10px 0 6px}.msosi-menu-empty p{margin:0}.msosi-menu-add-btn{color:#072821;cursor:pointer;background:#2bb2a5;border:none;border-radius:8px;margin-top:16px;padding:9px 18px;font-size:.95rem;font-weight:700;transition:background .2s}.msosi-menu-add-btn:hover{background:#24a296}.msosi-menu-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.msosi-menu-card{background:linear-gradient(175deg,#162335,#111b2c);border:1px solid #2b3e5e;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px;transition:box-shadow .2s,border .2s,transform .2s;display:grid;box-shadow:0 10px 24px #04090f57}.msosi-menu-card:hover{border-color:#3f638e;transform:translateY(-1px);box-shadow:0 14px 30px #0e264275}.msosi-menu-img-wrap{background:#21314a;border:1px solid #334d73;border-radius:9px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.msosi-menu-img-wrap img{object-fit:cover;width:100%;height:100%}.msosi-menu-img-placeholder{color:#b7c6dd;font-size:1.2rem}.msosi-menu-info{min-width:0}.msosi-menu-title{color:#f3f8ff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:1rem;font-weight:700;overflow:hidden}.msosi-menu-price{color:#44d3c6;margin-bottom:4px;font-size:.95rem;font-weight:700}.msosi-menu-desc{color:#b2c2d9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.89rem;line-height:1.35;display:-webkit-box;overflow:hidden}.msosi-menu-actions{position:relative}.msosi-menu-action-btn{cursor:pointer;color:#c9d9ef;background:#1c2d46;border:1px solid #36517a;border-radius:8px;padding:2px 8px;font-size:1rem;transition:all .15s}.msosi-menu-action-btn:hover{background:#254063;border-color:#4d6f9d}.msosi-menu-popup{z-index:14;background:#131f32;border:1px solid #36547f;border-radius:10px;flex-direction:column;min-width:164px;padding:4px;display:flex;position:absolute;top:34px;right:0;box-shadow:0 10px 24px #00000059}.msosi-menu-popup button{text-align:left;cursor:pointer;color:#e3efff;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:.9rem;transition:background .15s}.msosi-menu-popup button:hover{background:#203555}.msosi-menu-popup-danger{color:#ff9a9a!important}.msosi-menu-pagination-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.msosi-menu-pagination-summary{color:#a3b6d2;font-size:.86rem}.msosi-menu-pagination{align-items:center;gap:7px;display:flex}.msosi-menu-page-btn,.msosi-menu-page-number{color:#d5e4fa;cursor:pointer;background:#15253a;border:1px solid #324a6f;border-radius:8px;min-width:36px;height:34px;font-size:.86rem;font-weight:600;transition:all .18s}.msosi-menu-page-btn:hover:not(:disabled),.msosi-menu-page-number:hover{background:#213a5a;border-color:#4f75a6}.msosi-menu-page-btn:disabled{opacity:.45;cursor:not-allowed}.msosi-menu-page-number.active{color:#032a23;background:#2bb2a5;border-color:#49d2c5}.msosi-menu-fab{color:#042922;cursor:pointer;z-index:100;background:linear-gradient(130deg,#2ec8ba,#25a99d);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 17px;font-size:.94rem;font-weight:700;transition:transform .18s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 22px #2dc4b459}.msosi-menu-fab:hover{transform:translateY(-1px)}@media (max-width:860px){.msosi-menu-appbar{flex-wrap:wrap;padding:10px 12px}.msosi-menu-appbar h2{flex:140px}.msosi-menu-overview,.msosi-menu-toolbar{grid-template-columns:1fr}.msosi-menu-add-top-btn,.msosi-menu-paste-btn{text-align:center;flex:calc(50% - 6px)}}@media (max-width:640px){.msosi-menu-content{padding:12px 10px 18px}.msosi-menu-list{grid-template-columns:1fr;gap:10px}.msosi-menu-card{grid-template-columns:52px minmax(0,1fr)}.msosi-menu-img-wrap{width:52px;height:52px}.msosi-menu-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.msosi-menu-popup{left:auto;right:0}.msosi-menu-fab{padding:9px 14px;bottom:14px;right:14px}}.bulk-import-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.bulk-import-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:1.5rem;transition:all .3s}.close-btn:hover{color:#374151;background:#e5e7eb}.modal-body{flex:1;padding:2rem;overflow-y:auto}.import-method-selector{gap:1rem;margin-bottom:2rem;display:flex}.method-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.method-btn:hover{background:#f8f9ff;border-color:#7c3aed}.method-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.csv-upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.csv-controls{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.csv-input{border:2px solid #e5e7eb;border-radius:6px;flex:1;padding:.75rem;font-size:1rem}.template-btn{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.template-btn:hover{background:#138496;transform:translateY(-1px)}.csv-info{color:#6b7280;font-size:.9rem}.csv-info code{background:#e5e7eb;border-radius:4px;margin:.5rem 0;padding:.25rem .5rem;font-family:monospace;display:block}.manual-entry-section{max-height:60vh;overflow-y:auto}.products-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.products-header h3{color:#1f2937;margin:0}.add-product-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.add-product-btn:hover{background:#059669;transform:translateY(-1px)}.products-list{flex-direction:column;gap:1.5rem;display:flex}.product-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.product-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.product-header h4{color:#1f2937;margin:0;font-size:1.1rem}.remove-product-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .3s;display:flex}.remove-product-btn:hover{background:#dc2626;transform:scale(1.1)}.product-fields{flex-direction:column;gap:1rem;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group.full-width{grid-column:1/-1}.field-group label{color:#374151;font-size:.9rem;font-weight:500}.field-group input,.field-group select,.field-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .3s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.field-group textarea{resize:vertical;min-height:80px}.validation-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.validation-errors h4{color:#dc2626;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.error-item{border-bottom:1px solid #fecaca;margin-bottom:1rem;padding-bottom:1rem}.error-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.error-item strong{color:#dc2626}.error-item ul{margin:.5rem 0 0;padding-left:1.5rem}.error-item li{color:#991b1b;font-size:.9rem}.import-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.cancel-btn,.reset-btn,.import-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.cancel-btn{color:#374151;background:#f3f4f6}.cancel-btn:hover{background:#e5e7eb}.reset-btn{color:#fff;background:#f59e0b}.reset-btn:hover{background:#d97706}.import-btn{color:#fff;background:#7c3aed}.import-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.import-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden}.import-results{text-align:center}.results-header{margin-bottom:2rem}.results-header h3{color:#1f2937;margin:0;font-size:1.5rem}.results-stats{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;display:block}.stat-item.success .stat-number{color:#10b981}.stat-item.error .stat-number{color:#ef4444}.stat-label{color:#6b7280;font-size:.9rem}.results-errors{text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:2rem;padding:1rem}.results-errors h4{color:#dc2626;margin:0 0 1rem}.error-detail{border-bottom:1px solid #fecaca;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.9rem}.error-detail:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.results-actions{justify-content:center;gap:1rem;display:flex}.close-results-btn,.import-more-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-weight:500;transition:all .3s}.close-results-btn{color:#374151;background:#f3f4f6}.close-results-btn:hover{background:#e5e7eb}.import-more-btn{color:#fff;background:#7c3aed}.import-more-btn:hover{background:#6d28d9;transform:translateY(-1px)}@media (max-width:768px){.bulk-import-overlay{padding:1rem}.bulk-import-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.import-method-selector{flex-direction:column}.csv-controls{flex-direction:column;align-items:stretch}.field-row{grid-template-columns:1fr}.import-actions{flex-direction:column}.results-stats{flex-direction:column;gap:1rem}.results-actions{flex-direction:column}}.manage-products-page{padding:1rem 2rem}.page-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 2px 8px #00000014}.page-header h1{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.page-header h1 svg{width:28px;height:28px}.filter-controls{align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.search-bar,.category-filter{align-items:center;display:flex;position:relative}.search-icon,.filter-icon{color:#fff9;position:absolute;left:1rem}.search-bar input,.category-filter select{border-radius:var(--radius-md);color:#fff;background-color:#ffffff26;border:1px solid #ffffff4d;width:100%;padding:.65rem 1rem .65rem 2.75rem;font-size:.95rem;transition:all .2s}.search-bar input::placeholder{color:#fff9}.search-bar input:focus,.category-filter select:focus{background-color:#ffffff40;border-color:#fff;outline:none;box-shadow:0 0 0 2px #fff3}.category-filter select{appearance:none;min-width:180px}.select-arrow{color:var(--muted-text-color);pointer-events:none;position:absolute;right:1rem}.product-table{border-collapse:collapse;width:100%}.product-table th,.product-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.product-table thead th{background-color:var(--bg-color);color:var(--muted-text-color);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.product-table tbody tr:hover{background-color:var(--bg-color)}.col-image img{border-radius:var(--radius-sm);object-fit:cover;width:40px;height:40px}.col-actions{text-align:right}.action-buttons{justify-content:flex-end;gap:.5rem;display:flex}.action-btn{cursor:pointer;color:var(--muted-text-color);background:0 0;border:none;padding:.5rem;transition:color .2s}.action-btn:hover{color:var(--color-primary)}.action-btn.delete:hover{color:var(--color-danger)}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.loading-row{text-align:center;color:var(--muted-text-color);padding:2rem}.empty-state h3{color:var(--text-color);margin-top:1.5rem}.empty-state p{max-width:300px;margin:.5rem auto 0}.header-actions{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.search-bar{flex:1;order:-1;min-width:100%}.controls-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.filters-section{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:#ffffffe6;white-space:nowrap;margin:0;font-size:.85rem;font-weight:500}.filter-select{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;min-width:110px;padding:.6rem .75rem;font-size:.9rem;transition:all .2s}.filter-select:hover{background:#ffffff40;border-color:#ffffff80}.filter-select:focus{background:#ffffff4d;border-color:#fff;outline:none;box-shadow:0 0 0 2px #fff3}.filter-select option{background:var(--bg-color);color:var(--text-color)}.pagination-row{justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.pagination-row.top-pagination{margin:0 0 .75rem}.pagination-row.bottom-pagination{margin:.75rem 0 0}.page-btn{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:6px;padding:.4rem .7rem}.page-btn.active{background:var(--color-primary);color:#fff;border-color:#0000}.page-btn:disabled{opacity:.5;cursor:not-allowed}.dots{color:var(--muted-text-color);padding:0 .5rem}.sort-group{align-items:center;gap:.5rem;display:flex}.sort-group label{color:#ffffffe6;font-size:.85rem;font-weight:500}@media (max-width:1200px){.page-header{padding:1rem 1.5rem}.filters-section{gap:.5rem}.filter-group{gap:.4rem}.filter-select{min-width:100px}.controls-section{gap:.5rem}}@media (max-width:768px){.page-header{gap:.75rem;padding:1rem}.page-header h1{font-size:1.25rem}.header-actions{flex-direction:column;gap:1rem;width:100%}.search-bar{width:100%;min-width:unset;order:-1}.controls-section{flex-direction:column;gap:1rem;width:100%}.filters-section{flex-direction:column;gap:.75rem;width:100%}.filter-group{flex-direction:row;justify-content:space-between;width:100%}.sort-group{justify-content:space-between;width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.page-header .btn-primary{color:#fff;background:#ffffff40;border:1px solid #ffffff4d}.page-header .btn-primary:hover{background:#ffffff59;border-color:#ffffff80}.page-header .btn-secondary{color:#fff;background:#fff3;border:1px solid #ffffff4d}.page-header .btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.btn-primary:hover{background:var(--color-primary-accent);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:var(--color-info);color:#fff}.btn-secondary:hover{background:#17a2b8;transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d}.manage-products-page .panel{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.manage-products-page .panel .panel-body{flex:auto;padding:0;overflow:auto}.manage-products-page .panel .panel-body.scroll-x{padding:1rem}.manage-products-page .product-table{table-layout:fixed;width:100%}.manage-products-page .product-table tbody tr td{text-overflow:ellipsis;overflow:hidden}.sortable{cursor:pointer}.sort-group{align-items:center;gap:.5rem;margin-left:.5rem;display:inline-flex}.product-table .col-image{width:70px}.product-table .col-name{width:30%}.product-table .col-category{width:15%}.product-table .col-actions{width:120px}.product-table .col-shop{width:15%}.product-table .col-price{width:8%}.product-table .col-stock{width:7%}.product-table .col-status{width:10%}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.product-form-container{background-color:#0000;max-width:1200px;margin:2rem auto;padding:1rem}.product-form h2{color:var(--text-color);margin-bottom:2rem;font-size:1.8rem;font-weight:600}.panel{margin-bottom:2rem}.panel h3{margin:0;font-size:1.3rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=tel],.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);width:100%;color:var(--text-color);padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-accent);outline:none}.ql-toolbar{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-color:var(--border-color)!important}.ql-container{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background-color:var(--surface-color);min-height:150px;font-size:1rem;border-color:var(--border-color)!important}.image-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background-color:var(--surface-color);padding:2rem;transition:background-color .2s,border-color .2s}.image-upload-area:hover{background-color:var(--bg-color);border-color:var(--color-primary)}.image-upload-area input[type=file]{display:none}.compressing-text{color:var(--muted-text-color);margin-top:1rem;font-style:italic}.image-previews{flex-wrap:wrap;align-items:center;gap:1rem;min-height:140px;margin-top:1.5rem;display:flex}.img-preview{width:120px;height:120px;position:relative}.img-preview img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.img-preview .delete-img-btn{color:#fff;cursor:pointer;opacity:0;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:4px;right:4px}.img-preview:hover .delete-img-btn{opacity:1}.img-preview .edit-img-btn{color:#fff;cursor:pointer;opacity:0;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:4px;left:4px}.img-preview:hover .edit-img-btn{opacity:1}.img-preview.dragging{transform:scale(1.05);box-shadow:0 4px 8px #0003}.variants-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.btn-add-variant{background-color:var(--color-primary-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:500;transition:background-color .2s}.btn-add-variant:hover{background-color:var(--color-primary)}.variant-item{background-color:var(--bg-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.variant-image-thumbnail{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0;width:48px;height:48px}.variant-actions button{cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:.5rem}.variant-actions .edit-btn{color:var(--color-primary)}.variant-actions .delete-btn{color:var(--color-danger)}.form-actions{justify-content:flex-end;margin-top:2rem;display:flex}.submit-btn{font-size:1.1rem;font-weight:600}.input-with-button{align-items:stretch;gap:.5rem;display:flex}.input-with-button select{flex:1}.btn-create{background:var(--primary-color,#007bff);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.btn-create:hover{background:var(--primary-hover-color,#0056b3)}.btn-create:disabled{background:var(--muted-text-color,#6c757d);cursor:not-allowed}.btn-icon{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;width:40px;height:auto;transition:background-color .2s;display:grid}.form-header{margin-bottom:2rem}.submission-notice{border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border:1px solid #bbdefb;margin-top:1rem;padding:1rem}.notice-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#1976d2;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.submission-notice p{color:#424242;margin:.5rem 0 0;font-size:.9rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.product-form-container{padding:.5rem}}.loading-spinner{min-height:48vh;color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.loading-spinner .spinner{border:4px solid #00000014;border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin;box-shadow:0 2px 6px #00000014}.loading-spinner .loading-text{color:var(--muted-text-color);font-size:.95rem}.category-search-input{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:8px;padding:8px}.variant-dialog-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.variant-dialog{background:var(--surface-color);border-radius:var(--radius-lg);width:92%;max-width:480px;box-shadow:var(--shadow-md);max-height:90vh;padding:1rem 1.25rem;overflow-y:auto}.variant-dialog h2{color:var(--text-color);margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.dialog-actions button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:background-color .2s,box-shadow .2s}.dialog-actions .btn-cancel{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color)}.dialog-actions .btn-cancel:hover{background-color:var(--bg-color)}.dialog-actions .btn-save{background-color:var(--color-primary);color:#fff}.dialog-actions .btn-save:hover{filter:brightness(1.1)}.variant-image-selector{background-color:var(--bg-color);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:.75rem;max-height:280px;margin-top:.5rem;padding:.75rem;display:grid;overflow-y:auto}.variant-image-option{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;border:3px solid #0000;width:100%;transition:border-color .2s,transform .2s}.variant-image-option.selected{border-color:var(--color-primary);transform:scale(.98)}.variant-image-area{align-items:center;gap:1rem;display:flex}.variant-image-preview{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100px;height:100px;position:relative;overflow:hidden}.variant-image-preview img{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;opacity:0;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.variant-image-preview:hover .remove-image-btn{opacity:1}.variant-image-upload{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:100px;height:100px;color:var(--text-color-light);flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.variant-image-upload:hover{background-color:var(--bg-color);border-color:var(--color-primary)}.variant-image-upload svg{width:24px;height:24px;margin-bottom:.5rem}.variant-image-upload span{text-align:center;font-size:.875rem}.image-editor-dialog-overlay{z-index:1000;background-color:#21252980;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-editor-dialog{background:var(--surface-color);border-radius:var(--radius-lg);width:92%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-md);border:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;overflow:hidden}.image-editor-dialog h2{color:var(--text-color);margin:0;font-size:1rem;font-weight:700}.image-editor-dialog .dialog-subtitle{color:var(--muted-text-color);margin:.1rem 0 0;font-size:.8rem}.image-preview{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;height:240px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;max-width:100%;max-height:100%}.compression-details p{color:var(--muted-text-color);margin:.15rem 0;font-size:.85rem;font-weight:600}.options-list{border-radius:var(--radius-md);background:var(--bg-color);border:1px solid var(--border-color);flex-direction:column;gap:.4rem;max-height:150px;margin-top:.5rem;padding:.5rem;display:flex;overflow-y:auto}.options-list h3{color:var(--text-color);margin:0 0 6px;font-size:.9rem}.option-item{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .6rem;font-size:.85rem;transition:background-color .15s;display:flex}.option-item:hover{background-color:var(--border-color);transform:translateY(-1px)}.option-item.selected{background:rgba(var(--color-primary-rgb), .1);border-left:3px solid var(--color-primary);font-weight:600}.option-name{color:var(--text-color)}.option-size{color:var(--color-primary);font-weight:600}.dialog-actions{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.dialog-actions .left-actions{gap:.4rem;display:flex}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-color);border:1px solid var(--border-color);background:0 0;transition:background-color .2s,border-color .2s}.image-editor-main{flex:1;align-items:flex-start;gap:1rem;min-height:0;display:flex;overflow-y:auto}.editor-controls{flex-direction:column;flex:280px;gap:.5rem;max-height:500px;padding-right:.25rem;display:flex;overflow-y:auto}.editor-controls label{color:var(--text-color);margin-bottom:.25rem;font-size:.9rem}.editor-controls input[type=checkbox]{margin-right:.4rem}.editor-controls>*{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.5rem}.editor-controls label{color:var(--text-color);font-size:.9rem}.control-row{align-items:center;gap:.6rem;display:flex}.control-row label{flex-direction:column;flex:1;font-size:.8rem;display:flex}.control-row input[type=range]{flex:1}.drag-crop-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:240px;margin-bottom:0;position:relative;overflow:hidden}.crop-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.aspect-ratio-buttons{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:0;padding:.5rem}.aspect-ratio-buttons label{color:var(--text-color);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.ratio-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.ratio-btn{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-color);border-radius:var(--radius-md);cursor:pointer;flex:0 auto;padding:.4rem .6rem;font-size:.8rem;font-weight:500;transition:background-color .2s}.ratio-btn:hover{background:var(--bg-color)}.ratio-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:720px){.image-editor-main{flex-direction:column}.image-preview{width:100%;height:200px}.image-editor-dialog{max-height:95vh;padding:1rem}.drag-crop-container{height:200px}.editor-controls{max-height:450px}}.email-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.email-dialog-container{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.email-dialog-header{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-bottom:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.email-dialog-header h3{color:#c1121f;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.header-icon{font-size:22px}.close-button{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:20px;transition:all .2s;display:flex}.close-button:hover{color:#c1121f;background-color:#f8f9fa;transform:scale(1.05)}.email-dialog-content{flex:1;padding:24px;overflow-y:auto}.recipient-info{background-color:#f8f9fa;border-left:4px solid #c1121f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.info-icon{color:#c1121f;font-size:18px}.recipient-label{color:#495057;font-size:14px;font-weight:600}.recipient-email{color:#2c3e50;background:#fff;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:14px;font-weight:500}.label-icon{vertical-align:middle;margin-right:6px}.email-subject-input,.email-header-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.email-subject-input:focus,.email-header-input:focus{border-color:#c1121f;outline:none;box-shadow:0 0 0 3px #c1121f1a}.email-subject-input:disabled,.email-header-input:disabled{cursor:not-allowed;background-color:#f8f9fa}.editor-toolbar{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.toolbar-button{cursor:pointer;color:#495057;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.toolbar-button:hover{color:#c1121f;background-color:#e9ecef;border-color:#c1121f}.toolbar-button.active{color:#fff;background-color:#c1121f;border-color:#c1121f}.email-body-textarea{resize:vertical;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.email-body-textarea:focus{border-color:#c1121f;outline:none;box-shadow:0 0 0 3px #c1121f1a}.email-body-textarea:disabled{cursor:not-allowed;background-color:#f8f9fa}.email-preview-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.preview-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:8px 12px;font-size:12px;font-weight:600}.email-preview{background:#fff;max-height:400px;overflow-y:auto}.email-preview table{border-collapse:collapse;width:100%}.email-preview .header{text-align:center;color:#fff;background:linear-gradient(135deg,#ff7a18,#c1121f);padding:20px}.email-preview .header h1{margin:0;font-size:24px}.email-preview .content{padding:24px;line-height:1.6}.email-preview .content h2{color:#c1121f;margin-top:0;font-size:18px}.email-preview .footer{color:#eee;text-align:center;background-color:#7f1d1d;padding:16px;font-size:11px}.email-preview .footer a{color:#ffd6d6;text-decoration:none}.email-structure-info{background-color:#f8f9fa;border-left:3px solid #c1121f;border-radius:10px;margin:20px 0;padding:12px}.email-structure-info details{cursor:pointer}.email-structure-info summary{color:#c1121f;margin-bottom:8px;font-weight:600}.structure-details{background-color:#fff;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.structure-details ul{margin:8px 0 0 20px;padding:0}.structure-details li{color:#495057;margin:6px 0}.email-error{color:#721c24;background-color:#f8d7da;border-left:3px solid #dc3545;border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.email-dialog-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-primary:hover:not(:disabled){background-color:#a00e1a;transform:translateY(-1px);box-shadow:0 2px 8px #c1121f4d}.send-icon{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.email-dialog-container{width:95%;max-height:95vh}.email-dialog-header{padding:16px}.email-dialog-header h3{font-size:18px}.email-dialog-content{padding:16px}.recipient-info{flex-direction:column;align-items:flex-start;gap:8px}.editor-toolbar{flex-wrap:wrap}.toolbar-button{padding:6px 12px;font-size:12px}.email-dialog-footer{flex-direction:column-reverse;padding:12px 16px}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.email-dialog-container{background:#1a1a1a}.email-dialog-header{background:linear-gradient(135deg,#2a1a1a 0%,#1a1a1a 100%);border-bottom-color:#333}.email-dialog-header h3{color:#ff6b6b}.recipient-info{background-color:#2d2d2d;border-left-color:#ff6b6b}.recipient-email{color:#fff;background:#1a1a1a}.form-group label{color:#e0e0e0}.email-subject-input,.email-header-input,.email-body-textarea{color:#fff;background-color:#2d2d2d;border-color:#444}.email-subject-input:focus,.email-header-input:focus,.email-body-textarea:focus{border-color:#ff6b6b}.editor-toolbar{background-color:#2d2d2d;border-color:#444}.toolbar-button{color:#e0e0e0;background:#1a1a1a;border-color:#444}.toolbar-button:hover{background-color:#333}.toolbar-button.active{background-color:#ff6b6b;border-color:#ff6b6b}.email-preview-wrapper{background:#1a1a1a;border-color:#444}.preview-label{color:#aaa;background-color:#2d2d2d}.email-preview{background:#1a1a1a}.email-structure-info{background-color:#2d2d2d}.structure-details{background-color:#1a1a1a}.structure-details li{color:#b0b0b0}.form-hint{color:#88c0ff;background-color:#1a2a3a}.email-error{color:#f88;background-color:#2a1a1a;border-left-color:#f44}.email-dialog-footer{background-color:#2d2d2d;border-top-color:#444}.btn-secondary{color:#e0e0e0;background-color:#444}.btn-secondary:hover:not(:disabled){background-color:#555}}.manage-orders-page{background-color:var(--bg-color);padding:20px}.page-header h1{color:var(--text-color);align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.modal-backdrop{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#1b1b1b;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 10px 40px #00000040}.modal-close{cursor:pointer;background:0 0;border:none;font-size:18px}.dashboard-section{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-header h2{font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card-order{background-color:var(--surface-color);border-radius:var(--radius-md);color:var(--text-color);border:1px solid var(--border-color);align-items:center;gap:16px;padding:16px;display:flex}.stat-card-order-icon{font-size:24px}.stat-card-order-info{flex-grow:1}.stat-card-order-title{color:var(--muted-text-color);margin:0 0 4px;font-size:14px;font-weight:500}.stat-card-order-value{margin:0;font-size:22px;font-weight:700}.sales-chart-container{margin-top:24px}.sales-chart-container h3{margin-bottom:12px;font-size:16px}.order-list-section{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.list-controls{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;padding:16px;display:flex}.search-bar{flex-grow:1}.sort-control{align-items:center;gap:8px;display:flex}.sort-control label{color:var(--muted-text-color);font-size:14px}.sort-control select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);padding:8px 12px}.tabs{border-bottom:1px solid var(--border-color);padding:0 16px;display:flex;overflow-x:auto}.tab-item{cursor:pointer;color:var(--muted-text-color);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{background-color:var(--color-primary);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.tab-content{padding:8px}.order-list{flex-direction:column;gap:12px;display:flex}.order-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:box-shadow .2s}.order-card:hover{box-shadow:var(--shadow-md)}.order-card-header{cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.order-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.order-item-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.order-card-summary{flex-grow:1}.order-id{font-weight:600}.order-amount,.order-date{color:var(--muted-text-color);font-size:13px}.order-card-status{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600}.order-expand-icon{transition:transform .2s}.order-expand-icon.expanded{transform:rotate(180deg)}.order-card-details{border-top:1px solid var(--border-color);background-color:var(--bg-color);padding:16px}.detail-section{margin-bottom:16px}.detail-section h4{margin:0 0 8px;font-size:16px;font-weight:600}.contact-row{align-items:center;gap:8px;display:flex}.contact-row a{color:var(--color-primary)}.order-item{align-items:flex-start;gap:12px;padding:8px 0;display:flex}.order-item-image-sm{border-radius:var(--radius-sm);object-fit:cover;width:40px;height:40px}.order-item-info{flex-grow:1}.order-card-actions{gap:12px;margin-top:16px;display:flex}.manage-users-page{color:#1f2937;background:#f3f5f7;min-height:100%;padding:1.25rem 2rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{color:#111827;align-items:center;gap:12px;margin:0;font-size:28px;display:flex}.stats-badge{background:#fff;border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;display:flex;box-shadow:0 2px 4px #0000000d}.stat-total,.stat-active,.stat-admins,.stat-warn,.stat-muted{border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.stat-total{color:#495057;background:#e9ecef}.stat-active{color:#155724;background:#d4edda}.stat-admins{color:#856404;background:#fff3cd}.stat-warn{color:#991b1b;background:#fee2e2}.stat-muted{color:#4b5563;background:#e5e7eb}.user-controls{margin-bottom:1.5rem}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014}.panel-body{flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.search-bar{flex:1;max-width:400px;position:relative}.search-bar input{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.search-bar input:focus{border-color:#c1121f;outline:none;box-shadow:0 0 0 3px #c1121f1a}.filter-control{align-items:center;gap:8px;display:flex;position:relative}.filter-control select{cursor:pointer;appearance:none;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 32px 10px 12px;font-size:14px;transition:all .2s}.filter-control select:focus{border-color:#c1121f;outline:none;box-shadow:0 0 0 3px #c1121f1a}.filter-icon{color:#6c757d;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-control:after{content:"v";color:#6c757d;pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.bulk-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.bulk-email-btn{color:#fff;cursor:pointer;background:#c1121f;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.bulk-email-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c1121f4d}.bulk-email-btn.admin-btn{background:#4f46e5}.bulk-email-btn.admin-btn:hover{box-shadow:0 4px 12px #667eea4d}.bulk-email-btn.superadmin-btn{background:#be123c}.bulk-email-btn.superadmin-btn:hover{box-shadow:0 4px 12px #f093fb4d}.bulk-email-btn.history-btn{background:#0f766e}.bulk-email-btn.history-btn:hover{box-shadow:0 4px 12px #0f766e4d}.view-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;display:inline-flex;overflow:hidden}.view-toggle button{color:#4b5563;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.view-toggle button.active{color:#fff;background:#111827}.quick-filter-row{flex-wrap:wrap;gap:.5rem;margin:-.5rem 0 1.25rem;display:flex}.quick-filter-row button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:7px 12px;font-weight:700}.quick-filter-row button.active,.quick-filter-row button:hover{color:#c1121f;background:#fff5f5;border-color:#c1121f}.selection-toolbar{color:#fff;background:#111827;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;display:flex;box-shadow:0 8px 18px #1118272e}.selection-toolbar span{color:#d1d5db;margin-left:.75rem;font-size:.85rem}.selection-actions{flex-wrap:wrap;gap:.5rem;display:flex}.selection-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-weight:700;display:inline-flex}.selection-actions button:hover{background:#ffffff2e}.selection-actions button.ghost{background:0 0}.user-list{grid-template-columns:1fr;gap:1rem;display:grid}.users-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:auto;box-shadow:0 2px 8px #0000000f}.users-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.92rem}.users-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:0;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:.8rem .75rem;font-size:.75rem}.users-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:.8rem .75rem}.users-table tr:hover td,.users-table tr.selected td{background:#fff7f7}.table-user-cell{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;display:inline-flex}.table-user-cell strong,.table-user-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:block;overflow:hidden}.table-user-cell small,.table-contact small{color:#6b7280}.table-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex;overflow:hidden}.table-avatar img{object-fit:cover;width:100%;height:100%}.table-contact span,.table-contact small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block;overflow:hidden}.table-actions{gap:.3rem;display:inline-flex}.table-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.table-actions button:hover:not(:disabled){color:#c1121f;border-color:#c1121f}.table-actions button:disabled{opacity:.45;cursor:not-allowed}.pagination-bar{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000014}.pagination-summary{color:#495057;font-size:.95rem;font-weight:600}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.page-size-control{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.page-size-control select{color:#2c3e50;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.pagination-btn{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:9px 14px;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#c1121f;border-color:#c1121f}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{text-align:center;color:#2c3e50;min-width:120px;font-size:.95rem;font-weight:700}@media (min-width:920px){.user-list{grid-template-columns:1fr 1fr}}@media (min-width:1280px){.user-list{grid-template-columns:1fr 1fr 1fr}}.user-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:transform .2s,box-shadow .25s;overflow:hidden}.user-card.selected{border-color:#c1121f;box-shadow:0 0 0 3px #c1121f14}.user-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.user-card.banned{background:#fff5f5;border-color:#ffc9c9}.user-card.deactivated{opacity:.7;filter:grayscale(.2);background:#f8f9fa}.user-card-header{cursor:pointer;align-items:center;gap:1rem;padding:1rem;display:flex}.user-select-checkbox{flex-shrink:0;width:16px;height:16px}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-name{color:#2c3e50;margin-bottom:4px;font-weight:700}.user-email{color:#6c757d;word-break:break-all;font-size:.85rem}.user-phone{color:#6c757d;font-size:.82rem}.user-card-badges{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.user-role-badge{text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.user-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.user-status-badge.active{color:#166534;background:#dcfce7}.user-status-badge.banned{color:#991b1b;background:#fee2e2}.user-status-badge.deactivated{color:#4b5563;background:#f3f4f6}.user-actions{position:relative}.action-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.action-menu-btn:hover{background-color:#f8f9fa}.action-menu{z-index:10;background:#fff;border:1px solid #e9ecef;border-radius:10px;flex-direction:column;width:220px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.action-menu button{text-align:left;cursor:pointer;color:#2c3e50;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.action-menu button:hover:not(:disabled){background-color:#f8f9fa}.action-menu button:disabled{opacity:.5;cursor:not-allowed}.expand-icon{color:#6c757d;transition:transform .2s}.user-card-details{background:#fafbfc;border-top:1px solid #e9ecef;padding:1rem;font-size:.9rem}.user-card-details p{color:#6c757d;margin:8px 0}.banned-status,.deleted-status{font-weight:600}.banned-status{color:#dc3545}.deleted-status{color:#fd7e14}.empty-state svg{color:#c1121f;opacity:.5;margin-bottom:1rem}.dialog-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border-radius:16px;width:90%;max-width:420px;padding:1.75rem;box-shadow:0 20px 60px #0000004d}.dialog-box h3{color:#2c3e50;margin:0 0 .5rem}.dialog-box select{border:1px solid #ddd;border-radius:8px;width:100%;margin:1rem 0;padding:10px}.sent-email-overlay{z-index:2500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000094;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sent-email-container{background:#fff;border-radius:14px;flex-direction:column;width:min(920px,100%);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 22px 70px #00000059}.sent-email-header{background:#f8fafc;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.sent-email-header h2{color:#2c3e50;align-items:center;gap:10px;margin:0;font-size:1.25rem;display:flex}.sent-email-header p{color:#6c757d;margin:.35rem 0 0;font-size:.9rem}.close-button{color:#2c3e50;cursor:pointer;background:#e9ecef;border:none;border-radius:8px;width:36px;height:36px;font-size:22px;line-height:1}.close-button:hover{background:#dee2e6}.sent-email-list{padding:1rem;overflow:auto}.sent-email-toolbar{background:#fff;padding:1rem 1rem 0}.sent-email-toolbar .search-bar{max-width:none}.sent-email-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.sent-email-main{flex:1;min-width:0}.sent-email-subject{color:#2c3e50;margin-bottom:.4rem;font-weight:800}.sent-email-meta{color:#6c757d;flex-wrap:wrap;gap:.5rem;font-size:.85rem;display:flex}.sent-email-meta span{border-right:1px solid #ced4da;padding-right:.5rem}.sent-email-meta span:last-child{border-right:none}.sent-email-preview{color:#495057;margin-top:.6rem;font-size:.9rem;line-height:1.45}.sent-email-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.65rem;display:flex}.sent-email-status{color:#155724;background:#d4edda;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.sent-email-status.resent{color:#1d4ed8;background:#dbeafe}.resend-email-btn{color:#fff;cursor:pointer;background:#c1121f;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-weight:700;display:inline-flex}.resend-email-btn:hover:not(:disabled){background:#a00e1a}.resend-email-btn:disabled{opacity:.7;cursor:not-allowed}.user-drawer-overlay{z-index:2400;background:#11182775;justify-content:flex-end;display:flex;position:fixed;inset:0}.user-drawer{background:#fff;width:min(460px,100%);height:100%;overflow:auto;box-shadow:-18px 0 50px #00000040}.user-drawer-header{text-align:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.25rem;position:relative}.user-drawer-header .close-button{position:absolute;top:1rem;right:1rem}.drawer-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:.75rem;font-size:1.8rem;font-weight:900;display:inline-flex;overflow:hidden}.drawer-avatar img{object-fit:cover;width:100%;height:100%}.user-drawer-header h2{color:#111827;margin:0;font-size:1.35rem}.user-drawer-header p{color:#6b7280;word-break:break-all;margin:.35rem 0 .75rem}.drawer-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.drawer-actions{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:1rem;display:grid}.drawer-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:800;display:inline-flex}.drawer-actions button:hover:not(:disabled){color:#c1121f;border-color:#c1121f}.drawer-actions button.danger{color:#991b1b}.drawer-actions button:disabled{opacity:.5;cursor:not-allowed}.drawer-section{border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem}.drawer-section h3{color:#111827;margin:0 0 .8rem;font-size:.95rem}.drawer-definition-list{gap:.75rem;margin:0;display:grid}.drawer-definition-list div{grid-template-columns:110px 1fr;gap:.75rem;display:grid}.drawer-definition-list dt{color:#6b7280;font-weight:700}.drawer-definition-list dd{color:#111827;word-break:break-word;margin:0}.drawer-muted{color:#6b7280;margin:0}.drawer-email-list{gap:.5rem;display:grid}.drawer-email-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.drawer-email-item strong,.drawer-email-item span{display:block}.drawer-email-item strong{color:#111827;margin-bottom:.25rem}.drawer-email-item span{color:#6b7280;font-size:.82rem}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#a00e1a;transform:translateY(-1px)}.toast{z-index:3000;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s fadeSlideUp;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 12px #00000026}.toast.success{color:#155724;background:#d4edda;border-left:4px solid #28a745}.toast.error{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545}.toast.warn{color:#856404;background:#fff3cd;border-left:4px solid #ffc107}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.manage-users-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.stats-badge{justify-content:center;width:100%}.panel-body{flex-direction:column}.search-bar{width:100%;max-width:100%}.filter-control{flex-direction:column;justify-content:space-between;align-items:stretch;width:100%}.filter-control select{flex:1}.bulk-buttons{flex-direction:column;width:100%;margin-left:0}.view-toggle{width:100%}.view-toggle button{flex:1}.bulk-email-btn{justify-content:center;width:100%}.selection-toolbar,.selection-actions{flex-direction:column;align-items:stretch}.selection-toolbar span{margin:.25rem 0 0;display:block}.users-table-wrap{border-radius:8px}.user-card-badges,.user-card-header{align-items:flex-start}.sent-email-container{max-height:92vh}.sent-email-header,.sent-email-card{flex-direction:column}.sent-email-actions{align-items:stretch;width:100%}.resend-email-btn{justify-content:center}.drawer-actions{grid-template-columns:1fr}.drawer-definition-list div{grid-template-columns:1fr;gap:.25rem}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:stretch;width:100%}.page-size-control{justify-content:space-between;width:100%}.page-size-control select,.pagination-btn,.page-indicator{width:100%}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11000;background-color:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog-container{background:#fff;border-radius:16px;width:90%;max-width:450px;animation:.3s slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.confirm-dialog-header{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-bottom:2px solid #f0f0f0;align-items:center;gap:12px;padding:20px 24px;display:flex}.confirm-dialog-header h3{color:#2c3e50;flex:1;margin:0;font-size:18px}.warning-icon{color:#f39c12;font-size:24px}.close-button{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:all .2s;display:flex}.confirm-dialog-content{color:#495057;padding:24px;line-height:1.5}.confirm-dialog-content p{margin:0;font-size:14px}.confirm-dialog-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-danger{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.btn-secondary{color:#495057;cursor:pointer;background-color:#e9ecef;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#dee2e6;transform:translateY(-1px)}@media (max-width:768px){.confirm-dialog-container{width:95%}.confirm-dialog-header,.confirm-dialog-content,.confirm-dialog-footer{padding:16px}.confirm-dialog-footer{flex-direction:column-reverse}.confirm-dialog-footer button{width:100%}}.content-block:hover,.product-card-email:hover,.promo-banner:hover,[data-element-id]:hover{outline-offset:2px;outline:2px solid #ff6a1a;transform:translateY(-1px)}.element-menu{background:#fff;border-radius:12px;min-width:180px;animation:.2s fadeInUp;overflow:hidden;box-shadow:0 8px 24px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item.delete{color:#dc3545;border-bottom:1px solid #f0f0f0}.mode-btn:hover:not(.active){background:#e0e0e0;transform:translateY(-1px)}@media (max-width:768px){.editor-toolbar{flex-wrap:wrap}.toolbar-btn{flex:1;justify-content:center;padding:6px 12px;font-size:12px}.preview-mode-selector{flex-direction:column}.mode-btn{justify-content:center}.element-menu{width:calc(100% - 40px);max-width:300px;transform:translate(-50%);position:fixed!important;top:auto!important;bottom:20px!important;left:50%!important}.interactive-preview{max-height:400px}.html-editor{font-size:10px}.editor-toolbar-mini{flex-wrap:wrap}.editor-btn{flex:1;justify-content:center}}.message-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.message-dialog-container{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:550px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.message-dialog-header{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.message-dialog-header h3{color:#c1121f;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.close-button{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:all .2s}.close-button:hover{color:#c1121f;background-color:#f8f9fa}.message-dialog-content{flex:1;padding:24px;overflow-y:auto}.recipient-info,.contact-info{background-color:#f8f9fa;border-left:4px solid #c1121f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.form-hint{color:#004085;background-color:#e7f3ff;border-left:3px solid #007bff;border-radius:8px;margin-top:12px;padding:10px;font-size:12px}.message-error{color:#721c24;background-color:#f8d7da;border-left:3px solid #dc3545;border-radius:8px;margin-top:12px;padding:12px;font-size:14px}.message-success{color:#155724;background-color:#d4edda;border-left:3px solid #28a745;border-radius:8px;margin-top:12px;padding:12px;font-size:14px}.error-message{color:#721c24;background-color:#f8d7da;border-radius:10px;align-items:center;gap:12px;padding:20px;display:flex}.message-dialog-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary{color:#495057;background-color:#e9ecef}.btn-primary{color:#fff;background-color:#c1121f}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:hover:not(:disabled){background-color:#a00e1a;box-shadow:0 2px 8px #c1121f4d}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@media (max-width:768px){.message-dialog-container{width:95%}.message-dialog-header,.message-dialog-content{padding:16px}.message-dialog-footer{flex-direction:column-reverse;padding:12px 16px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.bulk-email-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.bulk-email-container{background:#222;border-radius:24px;flex-direction:column;width:90%;max-width:900px;height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.bulk-email-header{color:#fff;background:linear-gradient(135deg,#ff6a1a 0%,#c41e1e 100%);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-icon-wrapper{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.header-left h2{margin:0;font-size:24px;font-weight:600}.header-left p{opacity:.9;margin:4px 0 0;font-size:14px}.close-button{cursor:pointer;color:#242424;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-button:hover{background:#ffffff4d;transform:scale(1.05)}.bulk-email-tabs{background:#333;border-bottom:1px solid #000;gap:4px;padding:16px 32px 0;display:flex}.tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab:hover{color:#ff6a1a;background:#f8f9fa}.tab.active{color:#ff6a1a;background:#fff;border-bottom:2px solid #ff6a1a}.bulk-email-content{background:#1f1f1f;flex:1;padding:24px 32px;overflow-y:auto}.recipient-card,.message-card{background:#2c2c2c;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-header svg{color:#ff6a1a;font-size:20px}.recipient-selector{padding:20px}.recipient-selector select{cursor:pointer;background:#202020;border:1px solid #e0e0e0;border-radius:12px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:all .2s}.recipient-selector select:focus{border-color:#ff6a1a;outline:none;box-shadow:0 0 0 3px #ff6a1a1a}.recipient-stats{background:#222;border-radius:12px;align-items:baseline;gap:8px;padding:12px 16px;display:flex}.recipient-stats .count{color:#ff6a1a;font-size:28px;font-weight:700}.recipient-stats .label{color:#6c757d;font-size:14px}.recipient-stats.loading{justify-content:center;gap:8px}.form-group{padding:20px}.form-group input,.form-group textarea{border:1px solid #e0e0e0;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#ff6a1a;outline:none;box-shadow:0 0 0 3px #ff6a1a1a}.form-group textarea{resize:vertical;line-height:1.6}.editor-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:0 20px 16px;display:flex}.toolbar-btn{cursor:pointer;color:#495057;background:#161616;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.toolbar-btn:hover{color:#ff6a1a;background:#161616;border-color:#ff6a1a;transform:translateY(-1px)}.product-selector-modal{background:#000;border:1px solid #131212;border-radius:12px;margin:0 20px 20px;overflow:hidden}.modal-header{background:#080808;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h4{margin:0;font-size:14px;font-weight:600}.modal-header button{cursor:pointer;color:#6c757d;background:0 0;border:none;font-size:18px}.product-filters{border-bottom:1px solid #e0e0e0;gap:8px;padding:12px;display:flex}.product-filters input,.product-filters select{border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:8px 12px;font-size:13px}.product-grid{max-height:300px;padding:8px;overflow-y:auto}.product-grid-header{text-align:right;border-bottom:1px solid #f0f0f0;padding:8px}.product-card{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.product-card:hover{background:#030303}.product-card img{object-fit:cover;border-radius:8px;width:48px;height:48px}.product-details{flex:1}.product-details h5{margin:0 0 4px;font-size:14px;font-weight:600}.product-details p{color:#6c757d;margin:0;font-size:12px}.price{color:#ff6a1a;font-size:14px;font-weight:700}.add-btn{color:#fff;cursor:pointer;background:#ff6a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .2s;display:flex}.add-btn:hover{background:#e55a0a;transform:scale(1.1)}.products-tab{padding:20px}.products-header{text-align:center;margin-bottom:24px}.products-header h3{color:#2c3e50;margin:0 0 8px;font-size:20px}.products-header p{color:#6c757d;margin:0}.product-filters-bar{gap:12px;margin-bottom:24px;display:flex}.product-filters-bar input,.product-filters-bar select{border:1px solid #e0e0e0;border-radius:12px;flex:1;padding:10px 14px;font-size:14px}.products-full-grid{gap:16px;display:grid}.product-full-card{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:16px;gap:20px;padding:16px;transition:all .2s;display:flex}.product-full-card:hover{border-color:#ff6a1a;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.product-image{flex-shrink:0;width:120px;height:120px}.product-image img{object-fit:cover;border-radius:12px;width:100%;height:100%}.product-info-full{flex:1}.product-info-full h4{color:#2c3e50;margin:0 0 8px;font-size:16px;font-weight:600}.product-description{color:#6c757d;margin:0 0 12px;font-size:13px;line-height:1.5}.product-meta{gap:12px;margin-bottom:12px;display:flex}.product-category{color:#6c757d;background:#1f1f1f;border-radius:6px;padding:4px 8px;font-size:11px}.product-price-full{color:#ff6a1a;font-size:18px;font-weight:700}.insert-product-btn{color:#fff;cursor:pointer;background:#ff6a1a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.insert-product-btn:hover{background:#e55a0a;transform:translateY(-1px)}.preview-tab{padding:20px}.preview-header{text-align:center;margin-bottom:24px}.preview-header h3{color:#2c3e50;margin:0 0 8px;font-size:20px}.preview-mode-selector{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.mode-btn{cursor:pointer;background:#1f1f1f;border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#ff6a1a,#c41e1e)}.mode-btn:hover:not(.active){background:#e0e0e0}.preview-instructions{text-align:center;color:#856404;background:#fff3cd;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:12px}.email-preview-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.preview-subject{background:#000;border-bottom:1px solid #2b2b2b;padding:16px 20px;font-size:14px}.preview-content-wrapper{position:relative}.interactive-preview{scroll-behavior:smooth;background:#5e5e5e;border-radius:12px;max-height:500px;padding:20px;overflow-y:auto}.interactive-preview::-webkit-scrollbar{width:8px}.interactive-preview::-webkit-scrollbar-track{background:#444;border-radius:4px}.interactive-preview::-webkit-scrollbar-thumb{background:#ff6a1a;border-radius:4px}.interactive-preview::-webkit-scrollbar-thumb:hover{background:#c41e1e}.visual-preview{cursor:default;min-height:200px}.content-block,.product-card-email,.promo-banner,[data-element-id]{cursor:pointer;transition:all .2s;position:relative}[data-element-id]:hover{outline-offset:2px;outline:2px solid #ff6a1a;transform:translateY(-1px)}.product-card-email{transition:all .2s;position:relative}.product-card-email:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.promo-banner{transition:all .2s;position:relative}.promo-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.html-editor-container{background:#1e1e1e;border-radius:12px;overflow:hidden}.editor-toolbar-mini{background:#2d2d2d;border-bottom:1px solid #404040;gap:8px;padding:12px;display:flex}.editor-btn{cursor:pointer;color:#e0e0e0;background:#3d3d3d;border:1px solid #555;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:inline-flex}.editor-btn:hover{color:#ff6a1a;background:#4d4d4d;border-color:#ff6a1a}.html-editor{resize:vertical;color:#d4d4d4;background:#1e1e1e;border:none;width:100%;padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.5}.html-editor:focus{outline:none}.form-hint{color:#004085;background:#e7f3ff;border-left:3px solid #ff6a1a;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.bulk-email-footer{background:#464646;border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.footer-info{flex:1}.send-info{color:#6c757d;background:#252525;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.progress-info{width:100%}.progress-bar{background:#e9ecef;border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6a1a,#c41e1e);height:100%;transition:width .3s}.footer-actions{gap:12px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary{color:#495057;background:#e9ecef}.btn-secondary:hover:not(:disabled){background:#dee2e6;transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6a1a,#c41e1e)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#721c24;background:#f8d7da;border-radius:8px;margin-top:8px;padding:12px;font-size:13px}.loading-state,.empty-state{text-align:center;color:#6c757d;padding:40px}.loading-state svg,.empty-state svg{color:#ff6a1a;opacity:.5;margin-bottom:12px;font-size:48px}@media (max-width:768px){.bulk-email-container{width:95%;height:95vh}.bulk-email-header{padding:16px 20px}.header-left h2{font-size:18px}.bulk-email-tabs{padding:12px 16px 0}.tab{padding:8px 16px;font-size:12px}.bulk-email-content{padding:16px}.product-full-card{flex-direction:column}.product-image{width:100%;height:160px}.footer-actions{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}.preview-mode-selector{flex-direction:column}.mode-btn{justify-content:center}.element-menu{width:calc(100% - 40px);max-width:300px;transform:translate(-50%);position:fixed!important;top:auto!important;bottom:20px!important;left:50%!important}.html-editor{font-size:11px}.editor-toolbar-mini{flex-wrap:wrap}.editor-btn{flex:1;justify-content:center}.editor-toolbar{flex-wrap:wrap}.toolbar-btn{flex:1;justify-content:center;padding:6px 12px;font-size:12px}}.removable{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;transition:all .2s;position:relative}.removable:hover{outline-offset:2px;outline:2px solid #ff6a1a;transform:translateY(-1px)}.removable.swiping{transition:transform .1s ease-out,opacity .1s ease-out}.swipe-hint{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#ff6a1ae6;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.removable:hover .swipe-hint{opacity:1}@media (max-width:768px){.removable:after{content:"← Swipe to delete";color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#0009;border-radius:20px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.removable:hover:after{opacity:.7}}.element-menu{background:#fff;border-radius:12px;min-width:180px;animation:.2s fadeInUp;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0003;z-index:100000!important}.menu-item{cursor:pointer;text-align:left;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.menu-item:hover{background:#f8f9fa}.menu-item.delete{color:#dc3545;border-bottom:1px solid #f0f0f0;font-weight:500}.menu-item.delete:hover{color:#c82333;background:#fff5f5}.menu-item svg{font-size:16px}.preview-instructions{color:#856404;background:#0f0f0f;border-left:4px solid #ff6a1a;border-radius:8px;align-items:center;gap:10px;margin:15px 0;padding:10px 15px;font-size:13px;animation:2s ease-in-out pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.login-page{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);width:100%;max-width:440px;padding:48px 40px;animation:.5s ease-out slideUp}.logo-circle{background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:inline-flex;box-shadow:0 8px 16px #007bff66}.login-header h1{color:var(--text-color);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.subtitle{color:var(--muted-text-color);margin:0;font-size:15px;font-weight:400}.error-banner{background-color:var(--color-danger);border:1px solid var(--color-danger);color:#fff;border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:14px;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.error-banner svg{flex-shrink:0}.login-form{margin-bottom:24px}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;background-color:var(--bg-color);width:100%;color:var(--text-color);padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--color-primary);background-color:var(--surface-color);outline:none;box-shadow:0 0 0 3px #007bff1a}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #007bff66}.btn-primary:active{transform:translateY(0)}.divider{color:var(--muted-text-color);text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:28px 0;font-size:13px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.divider span{padding:0 16px}.btn-google{background:var(--surface-color);width:100%;color:var(--text-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-google:hover{background:var(--bg-color);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-google:active{transform:scale(.98)}.footer-text{text-align:center;color:var(--muted-text-color);margin-top:28px;font-size:13px;font-weight:500}@media (max-width:480px){.login-container{padding:32px 24px}.login-header h1{font-size:24px}.logo-circle{width:60px;height:60px}.logo-circle svg{width:32px;height:32px}}.media-upload-page{max-width:1120px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.header-content h1{letter-spacing:-.01em;margin:0;font-size:1.75rem}.header-content p{color:var(--muted-text-color);max-width:60ch;margin:.5rem 0 0}.page-content{gap:1.5rem;display:grid}.social-preview-help{color:var(--muted-text-color);margin:0 0 .9rem}.social-preview-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.social-control-field{gap:.45rem;display:grid}.social-control-field label{color:var(--muted-text-color);font-size:.88rem;font-weight:600}.social-control-field input,.social-control-field select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-color);padding:.65rem .75rem;font-size:.95rem}.social-preview-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);min-height:200px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#1f2937,#111827) 50%/cover;position:relative;overflow:hidden}.social-preview-overlay{background:linear-gradient(110deg,#0a0f1ce0,#0a0f1c73);position:absolute;inset:0}.social-preview-content{z-index:1;align-items:center;gap:.9rem;min-height:200px;padding:1.15rem;display:flex;position:relative}.social-preview-icon{color:#111827;background:#fffffff2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-weight:700;display:flex;overflow:hidden}.social-preview-icon img{object-fit:cover;width:100%;height:100%}.social-preview-text h4{color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(1.1rem,2.7vw,1.55rem)}.social-preview-text p{color:#fffc;margin:.3rem 0 0;font-size:.92rem}.social-preview-note{color:var(--muted-text-color);margin:.7rem 0 0;font-size:.84rem}.social-preview-actions{align-items:center;gap:.65rem;margin:.2rem 0 .95rem;display:flex}.social-preview-status{font-size:.88rem;font-weight:600}.social-preview-status.ok{color:#0f8f48}.social-preview-status.error{color:var(--color-danger)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .9rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-danger{background:var(--color-danger);color:#fff;border-color:rgba(var(--color-danger-rgb), .55)}.btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.drop-zone{border:2px dashed rgba(var(--border-color-rgb), .65);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:2rem 1.75rem;transition:border .2s,background .2s;position:relative}.drop-zone.dragging{border-color:rgba(var(--color-primary-rgb), .9);background:rgba(var(--color-primary-rgb), .08)}.drop-zone-label{cursor:pointer;flex-direction:column;gap:.25rem;font-weight:600;display:inline-flex}.drop-zone-title{font-size:1.05rem}.drop-zone-subtitle{color:var(--muted-text-color);font-size:.9rem}.drop-zone-note{color:var(--muted-text-color);margin-top:.75rem;font-size:.9rem}.uploads-grid,.media-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.file-card,.media-card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:.75rem;display:grid;overflow:hidden}.file-preview,.media-thumb{background:rgba(var(--border-color-rgb), .12);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.file-preview img,.media-thumb img{object-fit:cover;width:100%;height:100%}.file-icon{font-size:2.25rem}.file-details,.media-info{gap:.75rem;padding:1rem;display:grid}.file-meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.file-size{color:var(--muted-text-color);font-size:.85rem}.file-details select,.media-edit select,.tag-input-row input,.tag-list input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-color);padding:.65rem .75rem;font-size:.95rem}.progress-bar{background:rgba(var(--border-color-rgb), .3);border-radius:999px;height:8px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-accent));width:0%;height:100%;transition:width .2s}.progress-caption{color:var(--muted-text-color);font-size:.85rem}.file-error{color:var(--color-danger);font-size:.9rem;font-weight:600}.file-link,.media-link{color:var(--color-primary);font-weight:600;text-decoration:none}.file-link:hover,.media-link:hover{text-decoration:underline}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.tag-manager{gap:1rem;display:grid}.tag-input-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.tag-list{gap:.75rem;display:grid}.tag-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.tag-name{font-weight:600}.error-state{color:var(--color-danger);margin-bottom:12px;font-weight:600}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.uploads-grid,.media-grid{grid-template-columns:1fr}.social-preview-card,.social-preview-content{min-height:170px}}.manage-categories-page .page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.category-list{flex-direction:column;gap:1rem;display:flex}.category-card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.category-card-header{cursor:pointer;align-items:center;gap:1rem;padding:1rem;display:flex}.category-image{border-radius:var(--radius-md);object-fit:cover;width:40px;height:40px}.category-name{flex-grow:1;font-weight:600}.category-actions{align-items:center;gap:.5rem;display:flex}.category-actions button{color:var(--muted-text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem}.category-actions button:hover{background:var(--bg-color)}.expand-icon{transition:transform .2s ease-in-out}.expand-icon.expanded{transform:rotate(180deg)}.subcategory-section{border-top:1px solid var(--border-color);margin-top:1rem;padding:0 1rem 1rem}.subcategory-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.subcategory-header h4{margin:0;font-size:1rem}.subcategory-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.subcategory-item{border-radius:var(--radius-md);background:var(--bg-color);align-items:center;gap:1rem;padding:.5rem;display:flex}.subcategory-image{border-radius:var(--radius-sm);object-fit:cover;width:30px;height:30px}.subcategory-item span{flex-grow:1}.subcategory-actions{gap:.25rem;display:flex}.subcategory-actions button{color:var(--muted-text-color);cursor:pointer;background:0 0;border:none}.dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:var(--surface-color);border-radius:var(--radius-lg);width:clamp(340px,90vw,520px);box-shadow:var(--shadow-md);flex-direction:column;padding:0;animation:.18s scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 22px 12px;display:flex}.dialog-form{padding:12px 22px 20px}.form-group label{text-transform:uppercase;color:var(--muted-text-color);font-size:13px;font-weight:600}.form-group input[type=text]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input[type=text]:focus{border-color:var(--color-primary)}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:14px;transition:background .15s,border-color .15s;position:relative}.drop-zone.drag-active{background:var(--bg-color);border-color:var(--color-primary)}.drop-zone-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.drop-zone input[type=file]{display:none}.placeholder{text-align:center;color:var(--muted-text-color);flex-direction:column;gap:6px;font-size:12px;display:flex}.placeholder svg{opacity:.6;width:38px;height:38px}.preview-wrapper{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.image-preview{object-fit:cover;border-radius:var(--radius-md);max-width:160px;max-height:120px;box-shadow:var(--shadow-md)}.preview-actions{gap:8px;display:flex}.icon-btn{background:var(--bg-color);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px;font-size:12px;transition:background .15s}.icon-btn:hover{background:var(--border-color)}.icon-btn.danger{background:var(--color-danger);color:#fff}.icon-btn.danger:hover{background:var(--color-danger);filter:brightness(1.2)}.close-btn{background:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:flex}.close-btn:hover{background:var(--border-color)}.form-error{background:var(--color-danger);color:#fff;border-radius:var(--radius-md);margin-top:-4px;margin-bottom:10px;padding:8px 10px;font-size:13px}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary{background:var(--color-primary);color:#fff;transition:background .15s}.btn-primary:disabled{background:var(--muted-text-color);cursor:not-allowed}.btn-secondary{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}@media (max-width:520px){.dialog-box{width:92vw}.image-preview{max-width:100%}}.manage-sections-page{flex-direction:column;gap:14px;display:flex}.manage-sections-page .page-header{justify-content:space-between;align-items:center;display:flex}.manage-sections-page .page-header h1{margin:0;font-size:18px;line-height:1.2}.search-bar{align-items:center;gap:8px;display:flex}.search-bar input{background:var(--bg-color);min-width:240px;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;padding:8px 10px}.loading-state{color:var(--muted-text-color);place-items:center;padding:24px;display:grid}.section-list{flex-direction:column;gap:8px;display:flex}.section-card{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:box-shadow .12s,transform .12s;display:grid}.section-card:hover{box-shadow:var(--shadow-sm)}.drag-handle{color:var(--muted-text-color);cursor:grab;place-items:center;display:grid}.drag-handle:active{cursor:grabbing}.section-details{flex-direction:column;gap:2px;display:flex}.section-title{font-size:14px;font-weight:600}.section-tag{color:var(--muted-text-color);font-size:12px}.section-actions{align-items:center;gap:8px;display:flex}.section-actions button{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;width:32px;height:32px;display:grid}.section-actions button:hover{background:var(--bg-color)}.switch .slider{cursor:pointer;background-color:var(--muted-text-color);border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background-color:var(--color-primary)}.dialog-overlay{z-index:1000;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-box{background:var(--surface-color);width:100%;max-width:520px;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px}.dialog-box h3{margin:0 0 10px;font-size:16px}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 12px}@media (max-width:700px){.section-card{grid-template-columns:22px 1fr;grid-auto-rows:auto;gap:8px}.section-actions{grid-column:1/-1;justify-content:flex-end}}[data-rbd-draggable-id]{will-change:transform}[data-rbd-drag-handle-context-id]{touch-action:none}.coupons-page{flex-direction:column;gap:14px;display:flex}.coupons-page .page-header{justify-content:space-between;align-items:center;display:flex}.coupon-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.coupon-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;gap:16px;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.coupon-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.coupon-card.active{border-left:4px solid var(--color-success)}.coupon-card.inactive{opacity:.85}.coupon-main{cursor:pointer;outline:none;flex-direction:column;flex:1;gap:6px;display:flex}.coupon-main:focus-visible{box-shadow:0 0 0 2px var(--color-primary);border-radius:var(--radius-sm)}.coupon-id{font-size:14px;font-weight:600}.coupon-meta{color:var(--muted-text-color);flex-direction:column;gap:4px;font-size:12px;display:flex}.coupon-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.coupon-actions .btn-icon{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;place-items:center;width:34px;height:34px;transition:background .12s;display:grid}.coupon-actions .btn-icon:hover{background:var(--bg-color)}.coupon-actions .btn-icon.danger{border-color:var(--color-danger);color:var(--color-danger)}.switch.small{width:36px;height:20px}.switch.small .slider:before{width:14px;height:14px;top:3px;left:3px}.switch.small input:checked+.slider:before{transform:translate(16px)}.modal-body{padding:14px 16px;font-size:12px;overflow:auto}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.btn-icon{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;width:32px;height:32px;display:grid}.btn-icon:hover{background:var(--bg-color)}.raw-data{white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty-state,.error-state{text-align:center;color:var(--muted-text-color);padding:40px 0}@media (max-width:780px){.coupon-card{flex-direction:column}.coupon-actions{flex-direction:row;justify-content:flex-end;align-items:center}}.create-coupon-page{flex-direction:column;gap:14px;display:flex}.coupon-form{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.form-group-inline{justify-content:space-between;align-items:center;display:flex}@media (max-width:700px){.form-row{grid-template-columns:1fr}}.create-auction-page{flex-direction:column;gap:16px;display:flex}.auction-form{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:16px 18px;display:flex}.form-group-inline{align-items:center;gap:14px;display:flex}.form-group-inline label{min-width:120px}.form-group input,.form-group select{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px;font-size:14px}.picker-surface{border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-color);min-height:60px;padding:14px}.picker-surface.has-selection{border-style:solid}.picker-empty{color:var(--muted-text-color);font-size:14px}.chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:12px;display:inline-flex}.chip-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.chip-avatar.placeholder{background:var(--bg-color);place-items:center;font-size:12px;display:grid}.chip-remove{cursor:pointer;color:var(--muted-text-color);background:0 0;border:none;place-items:center;padding:0;display:grid}.chip-remove:hover{color:var(--color-danger)}.panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px}.panel-title{margin:0 0 10px;font-size:14px;font-weight:600}.prices-list{flex-direction:column;gap:10px;display:flex}.price-row{align-items:center;gap:12px;display:flex}.price-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.price-input{background:var(--bg-color);width:140px;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 10px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.modal-overlay{z-index:1000;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex}.modal-body{padding:14px 18px;overflow:auto}.picker{flex-direction:column;gap:12px;display:flex}.picker .search-bar{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 10px;display:flex}.picker .search-bar input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1}.picker-list{flex-direction:column;gap:4px;max-height:50vh;padding-right:4px;display:flex;overflow-y:auto}.picker-item{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--surface-color);align-items:center;gap:12px;padding:10px 12px;display:flex}.picker-item.active{border-color:var(--color-primary);background:var(--bg-color)}.picker-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-color);width:50px;height:50px;display:block}.picker-thumb.placeholder{background:var(--surface-color);place-items:center;font-size:18px;display:grid}.picker-info{flex-direction:column;flex:1;gap:2px;display:flex}.picker-title{font-size:13px;font-weight:600}.picker-sub{color:var(--muted-text-color);font-size:12px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.switch input{display:none}.switch .slider{background:var(--muted-text-color);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(20px)}@media (max-width:760px){.header-actions{flex-direction:column;align-items:flex-start;gap:8px}.price-row{flex-direction:column;align-items:flex-start}.price-input{width:100%}}.manage-auctions-page{padding:24px}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}.btn-ghost{color:var(--muted-text-color);border-color:var(--border-color);background:0 0}.auction-group-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.auction-group-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);justify-content:space-between;align-items:center;padding:12px;display:flex}.auction-group-card.active{box-shadow:0 0 0 2px var(--color-success) inset}.auction-group-card.inactive{opacity:.9}.group-main{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.group-thumb{border-radius:var(--radius-md);background:var(--bg-color);justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.group-thumb img{object-fit:cover;width:100%;height:100%}.fallback-icon{font-size:22px}.group-info{flex-direction:column;display:flex}.group-title{font-weight:600}.group-sub{color:var(--muted-text-color);font-size:.9rem}.group-actions{position:relative}.popover{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:2;min-width:180px;position:absolute;top:32px;right:0}.popover-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.popover-item:hover{background:var(--bg-color)}.popover-item.danger{color:var(--color-danger)}.form-group input[type=text],.form-group input[type=datetime-local]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);padding:10px 12px}.muted,.tip-text{color:var(--muted-text-color);font-size:.9rem}@media (max-width:640px){.auction-group-list{grid-template-columns:1fr}}.auction-group-detail-page{padding:24px}.page-header .left{align-items:center;gap:12px;display:flex}.page-header h1{text-overflow:ellipsis;white-space:nowrap;max-width:60ch;margin:0;font-size:1.4rem;overflow:hidden}.btn-icon{cursor:pointer;color:var(--text-color);background:0 0;border:none;padding:6px}.btn-secondary{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.btn-ghost{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:inline-flex}.empty-state.small{padding:12px;font-size:.85rem}.auction-items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.auction-item{border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:12px;display:flex}.auction-item.active{box-shadow:0 0 0 2px var(--color-success) inset}.auction-item.inactive{opacity:.9}.auction-item .main{flex:1;align-items:center;gap:12px;display:flex}.auction-item .thumb{border-radius:var(--radius-md);background:var(--bg-color);justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.auction-item .thumb img{object-fit:cover;width:100%;height:100%}.auction-item .placeholder{font-size:22px}.auction-item .info{flex-direction:column;display:flex}.auction-item .title{font-weight:600}.auction-item .sub{color:var(--muted-text-color);font-size:.75rem}.auction-item .actions{align-items:center;gap:6px;display:flex}.modal-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:620px;max-width:calc(100% - 26px)}.dialog-actions{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group-inline{flex-direction:row;align-items:center;gap:12px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local],.modal-body input[type=text],.modal-body input[type=number],.modal-body input[type=datetime-local]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);padding:10px 12px}.tip-text,.muted{color:var(--muted-text-color);font-size:.75rem}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--muted-text-color);transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.add-products .product-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);max-height:320px;padding:6px;overflow:auto}.add-products ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.product-row{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.product-row.selected{box-shadow:0 0 0 2px var(--color-primary) inset}.pr-left{align-items:center;gap:10px;display:flex}.pr-thumb{border-radius:var(--radius-sm);background:var(--bg-color);justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.pr-thumb img{object-fit:cover;width:100%;height:100%}.pr-info{flex-direction:column;display:flex}.pr-title{text-overflow:ellipsis;white-space:nowrap;max-width:30ch;font-size:.85rem;font-weight:600;overflow:hidden}.pr-sub{color:var(--muted-text-color);font-size:.65rem}.row{gap:16px;margin:14px 0;display:flex}.col{flex-direction:column;flex:1;gap:6px;display:flex}@media (max-width:640px){.auction-item{flex-direction:column;align-items:flex-start}.auction-item .actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.modal-box{width:100%}.row{flex-direction:column}}.dropdown-titles-page{padding:24px}.content{flex-direction:column;gap:12px;display:flex}.add-row{gap:8px;display:flex}.add-row input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);flex:1;padding:10px 12px}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.btn-secondary{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:8px 12px}.btn-ghost{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);background:0 0;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.btn-ghost.danger{color:var(--color-danger)}.title-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.title-row{border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.title-text{font-weight:500}.row-actions{align-items:center;gap:6px;display:flex}.edit-inline{align-items:center;gap:8px;width:100%;display:flex}.edit-inline input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);flex:1;padding:10px 12px}.edit-actions{align-items:center;gap:6px;display:flex}.loading-state,.error-state,.empty-state{color:var(--muted-text-color);padding:20px}.admin-rewards-page{background:var(--bg-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:1200px;margin:0 auto;padding:24px;animation:.5s ease-in-out fadeIn;box-shadow:0 8px 32px #0000001a}.page-header{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 20px #00000014}.page-header:hover{transform:translateY(-2px)}.page-header h1{color:var(--text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;box-shadow:0 4px 15px #007bff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #007bff66}.btn-secondary{background:linear-gradient(135deg, var(--muted-text-color) 0%, #5a5a5a 100%);color:var(--surface-color);box-shadow:0 4px 15px #0003}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #007bff4d}.global-summary{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px;animation:.6s ease-out slideInUp;display:flex;box-shadow:0 4px 20px #00000014}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.summary-item{border-radius:var(--radius-md);color:var(--color-primary);background:linear-gradient(135deg,#007bff1a 0%,#007bff0d 100%);border:1px solid #007bff33;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.summary-item:before{content:"";background:linear-gradient(90deg,#0000,#007bff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.summary-item:hover:before{left:100%}.summary-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff33}.tabs{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:24px;padding:4px;display:flex;box-shadow:0 2px 10px #0000000d}.tab-btn{cursor:pointer;border-radius:var(--radius-md);color:var(--muted-text-color);background:0 0;border:none;flex:1;padding:12px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab-btn:hover:not(.active){color:var(--color-primary);background:#007bff1a}.filters{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 20px #00000014}.filters input,.filters select{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);padding:10px 12px;font-size:14px;transition:all .3s}.filters input:focus,.filters select:focus{border-color:var(--color-primary);outline:none;transform:scale(1.02);box-shadow:0 0 0 3px #007bff1a}.chip-group{gap:8px;display:flex}.chip{background:linear-gradient(135deg, var(--surface-color) 0%, #0000000d 100%);border:2px solid var(--border-color);cursor:pointer;border-radius:25px;padding:8px 16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chip:before{content:"";background:linear-gradient(90deg,#0000,#007bff33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.chip:hover:before{left:100%}.chip.selected{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 4px 15px #007bff4d}.chip:hover:not(.selected){border-color:var(--color-primary);transform:scale(1.02)}.list-header{border-radius:var(--radius-lg);background:linear-gradient(135deg,#007bff1a 0%,#007bff0d 100%);border:1px solid #007bff33;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #007bff1a}.withdrawal-list{flex-direction:column;gap:16px;display:flex}.withdrawal-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.withdrawal-card:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.withdrawal-card:hover:before{opacity:1}.withdrawal-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.card-main{flex:1}.card-amount{color:var(--color-success);margin-bottom:8px;font-size:20px;font-weight:700}.card-details{color:var(--muted-text-color);margin-bottom:6px;font-size:14px;line-height:1.4}.card-status{flex-direction:column;align-items:flex-end;gap:12px;margin-left:auto;display:flex}.status-chip{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #0000001a}.status-pending{background:linear-gradient(135deg, var(--color-warning) 0%, #ff8c00 100%);color:#fff}.status-approved{background:linear-gradient(135deg, var(--color-success) 0%, #28a745 100%);color:#fff}.status-rejected{background:linear-gradient(135deg, var(--color-danger) 0%, #dc3545 100%);color:#fff}.status-chip:hover{transform:scale(1.05)}.btn-small{border-radius:var(--radius-md);padding:8px 16px;font-size:12px}.referrals-list{flex-direction:column;gap:16px;display:flex}.referral-card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid #007bff1a;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.referral-card:before{content:"";background:linear-gradient(180deg, var(--color-success) 0%, var(--color-primary) 100%);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.referral-card:hover:before{opacity:1}.referral-card:hover{background:linear-gradient(135deg, var(--surface-color) 0%, #007bff0d 50%, var(--surface-color) 100%);border-color:#007bff33;transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.referral-info{flex-direction:column;gap:12px;display:flex}.referral-detail{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff0d 0%,#007bff05 100%);border:1px solid #007bff14;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.referral-detail:hover{background:linear-gradient(135deg,#007bff0d 0%,#6610f208 100%);border-color:#007bff26;transform:translate(4px)}.referral-detail .label{color:var(--muted-text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:100px;font-size:14px;font-weight:600}.referral-detail .value{color:var(--text-color);text-align:right;flex:1;font-size:14px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(135deg, var(--surface-color) 0%, #ffffff0d 50%, var(--surface-color) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;width:90%;max-width:550px;max-height:85vh;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h2{color:var(--text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:24px;font-size:1.5rem;font-weight:700}.modal-form{flex-direction:column;gap:20px;display:flex}.modal-body{flex:auto;padding-right:8px;overflow-y:auto}.modal-form input,.modal-form textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);padding:12px 16px;font-size:14px;transition:all .3s}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--color-primary);outline:none;transform:scale(1.02);box-shadow:0 0 0 3px #007bff1a}.modal-form label{color:var(--text-color);cursor:pointer;align-items:center;gap:12px;font-weight:500;display:flex}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:12px;display:flex}.modal-actions-sticky{background:linear-gradient(180deg, #fff0, var(--surface-color));z-index:5;margin-top:0;padding:12px 0 0;position:sticky;bottom:0}.regions-list{flex-wrap:wrap;gap:10px;display:flex}.region-chip button{cursor:pointer;color:var(--color-danger);background:0 0;border:none;font-size:16px;transition:all .2s}.region-chip button:hover{transform:scale(1.2)}.add-region{align-items:center;gap:12px;margin-top:12px;display:flex}.add-region input{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);flex:1;padding:10px 14px;transition:all .3s}.add-region input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.settings-modal{max-width:700px}.settings-section{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid #007bff1a;margin-bottom:32px;padding:24px;transition:all .3s;position:relative}.settings-section:before{content:"";background:linear-gradient(135deg, var(--surface-color) 0%, #ffffff05 100%);border-radius:var(--radius-lg);z-index:-1;position:absolute;inset:0}.settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.settings-section h3{color:var(--text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:1.2rem;font-weight:600}.section-description{color:var(--muted-text-color);margin-bottom:16px;font-size:14px;font-style:italic}.form-note{color:var(--muted-text-color);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);background:linear-gradient(135deg,#ffc1070d 0%,#ffc10705 100%);border:1px solid #ffc1071a;margin-top:12px;padding:8px 12px;font-size:12px}.checkbox-group{flex-direction:column;gap:16px;display:flex}.checkbox-label{color:var(--text-color);cursor:pointer;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--surface-color) 0%, #ffffff08 100%);border:1px solid #007bff14;align-items:center;gap:12px;padding:16px;font-weight:500;transition:all .3s;display:flex;position:relative}.checkbox-label:hover{background:linear-gradient(135deg,#007bff08 0%,#6610f205 100%);border-color:#007bff26;transform:translate(4px)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.checkmark{border:2px solid var(--border-color);background:var(--surface-color);border-radius:4px;width:20px;height:20px;transition:all .3s;position:relative}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.regions-container{margin-top:16px}.regions-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.region-chip{background:linear-gradient(135deg, var(--surface-color) 0%, #007bff0d 100%);color:var(--text-color);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.region-chip:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.chip-remove{cursor:pointer;color:var(--color-danger);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;font-weight:700;transition:all .2s;display:flex}.chip-remove:hover{background:#dc35451a;transform:scale(1.2)}.empty-state{text-align:center;color:var(--muted-text-color);background:linear-gradient(135deg, var(--surface-color) 0%, #00000005 100%);border-radius:var(--radius-lg);border:2px dashed var(--border-color);padding:60px 20px}.empty-state h3{color:var(--text-color);margin-bottom:12px;font-size:1.2rem}@media (max-width:768px){.admin-rewards-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.page-header h1{font-size:1.5rem}.filters{flex-direction:column;align-items:stretch;padding:16px}.withdrawal-card{flex-direction:column;padding:16px}.card-status{align-items:flex-start;margin-top:16px;margin-left:0}.modal{width:95%;margin:10px;padding:24px}.settings-modal{max-width:95%}.settings-section{padding:16px}.form-row{grid-template-columns:1fr;gap:16px}.tabs{flex-direction:column}.tab-btn{width:100%}}.reports-page{background:var(--bg-color);max-width:1400px;min-height:100vh;margin:0 auto;padding:24px}.reports-header{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 4px 20px #00000014}.header-content h1{color:var(--text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.5rem;font-weight:700}.date-filter{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);align-items:center;gap:8px;padding:8px 12px;display:flex}.date-filter select{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;min-width:120px;padding:4px 8px;font-size:14px;font-weight:500;transition:all .2s}.date-filter select:focus{color:var(--color-primary);background:#007bff1a;box-shadow:0 0 0 2px #007bff40}.date-filter select:hover{background:#007bff0d}.date-filter select option{background:var(--surface-color);color:var(--text-color);padding:8px 12px;font-weight:500}.date-filter select option:hover,.date-filter select option:focus{color:var(--color-primary);background:#007bff1a}.date-filter select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.date-filter select::-webkit-scrollbar{width:8px}.date-filter select::-webkit-scrollbar-track{background:var(--surface-color)}.date-filter select::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.date-filter select::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.reports-tabs{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:32px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.tab-btn{cursor:pointer;border-radius:var(--radius-md);color:var(--muted-text-color);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{color:var(--color-primary);background:#007bff1a}.tab-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;transform:scale(1.02);box-shadow:0 4px 15px #007bff4d}.reports-content{flex-direction:column;gap:32px;display:flex}.overview-section,.sales-section,.orders-section,.products-section,.customers-section,.auctions-section{flex-direction:column;gap:24px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.metric-card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;padding:24px;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000014}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.metric-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:24px;display:flex}.metric-content h3{color:var(--text-color);margin:0 0 8px;font-size:1.1rem;font-weight:600}.metric-value{color:var(--text-color);margin:0 0 4px;font-size:2rem;font-weight:700}.metric-change{border-radius:12px;padding:2px 8px;font-size:.9rem;font-weight:500}.metric-change.positive{color:var(--color-success);background:#28a7451a}.metric-change.negative{color:var(--color-danger);background:#dc35451a}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.chart-card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;box-shadow:0 4px 20px #00000014}.chart-card h3{color:var(--text-color);margin:0 0 20px;font-size:1.3rem;font-weight:600}.section-header h2{color:var(--text-color);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2rem;font-weight:700}.section-header p{color:var(--muted-text-color);margin:0;font-size:1.1rem}.sales-metrics,.customer-metrics,.auction-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-item{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 20px #00000014}.metric-label{color:var(--muted-text-color);margin-bottom:8px;font-size:.9rem;font-weight:500}.metric-item .metric-value{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:700}.chart-container{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;box-shadow:0 4px 20px #00000014}.chart-container h3{color:var(--text-color);margin:0 0 20px;font-size:1.3rem;font-weight:600}.status-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.status-item{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;padding:16px;display:flex;box-shadow:0 4px 20px #00000014}.status-indicator{border-radius:50%;width:12px;height:12px;margin-right:12px}.status-info{flex-direction:column;display:flex}.status-name{color:var(--text-color);margin-bottom:4px;font-weight:600}.status-count{color:var(--muted-text-color);font-size:.9rem}.products-table{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:32px;overflow:hidden;box-shadow:0 4px 20px #00000014}.table-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:16px 24px;font-weight:600;display:grid}.table-row{border-bottom:1px solid var(--border-color);grid-template-columns:2fr 1fr 1fr;gap:20px;padding:16px 24px;transition:all .3s;display:grid}.table-row:hover{background:#007bff0d}.table-row:last-child{border-bottom:none}.product-name,.product-quantity,.product-revenue{color:var(--text-color);font-weight:500}.loading-state h3{color:var(--text-color);margin:16px 0 0}@media (max-width:768px){.reports-page{padding:16px}.reports-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.header-content h1{font-size:2rem}.header-actions{justify-content:space-between;width:100%}.reports-tabs{overflow-x:auto}.tab-btn{padding:10px 16px;font-size:14px}.metrics-grid,.charts-grid{grid-template-columns:1fr}.metric-card{padding:20px}.metric-icon{width:50px;height:50px;margin-right:16px;font-size:20px}.metric-value{font-size:1.5rem}.sales-metrics,.customer-metrics,.auction-metrics,.status-overview{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header span,.table-row span{padding:4px 0}.table-row span:not(:last-child):after{content:":";color:var(--muted-text-color);margin-left:8px}}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--danger-gradient:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--surface-primary:linear-gradient(135deg, #667eea26 0%, #764ba226 100%);--surface-secondary:linear-gradient(135deg, #f093fb1f 0%, #f5576c1f 100%);--surface-tertiary:linear-gradient(135deg, #4facfe1a 0%, #00f2fe1a 100%);--surface-glass:linear-gradient(135deg, #667eea2e 0%, #764ba22e 100%);--surface-dark:linear-gradient(135deg, #0f172af2 0%, #1e293bf2 100%);--text-primary:#d7e6ff;--text-secondary:#d2e5ff;--text-muted:#dae9ff;--text-accent:#decbff;--text-white:#fff;--border-light:#667eea33;--border-medium:#764ba24d;--border-dark:#4facfe66;--border-glass:#667eea26;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #667eea4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.68, -.55, .265, 1.55)}.announcements-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 20%,#7877c626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0%,#0000 50%),radial-gradient(circle at 40% 80%,#78dbe226 0%,#0000 50%),linear-gradient(135deg,#667eea0d 0%,#764ba214 100%);min-height:100vh;padding:1rem;animation:.8s cubic-bezier(.16,1,.3,1) pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-header{background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";background:var(--primary-gradient);height:3px;position:absolute;top:0;left:0;right:0}.page-header:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-4px)}.page-header h1{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.025em;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800}.header-content{flex:1}.header-content h1{margin:0 0 .25rem}.header-subtitle{color:var(--text-secondary);opacity:.8;margin:0;font-size:.875rem}.page-content{flex-direction:column;gap:2rem;display:flex}.announcement-content{border-top:3px solid var(--border-medium);background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);margin-top:4rem;padding-top:3rem}.loading-screen{color:var(--text-muted);background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;font-size:1.125rem;display:flex}.loading-screen .spin{color:var(--text-accent);font-size:1.5rem;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin}.announcements-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.announcement-card{background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.announcement-card:before{content:"";background:var(--primary-gradient);opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.announcement-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-12px)scale(1.02)}.announcement-card:hover:before{opacity:1}.announcement-image{background:var(--surface-secondary);height:240px;position:relative;overflow:hidden}.announcement-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.announcement-card:hover .announcement-image img{transform:scale(1.08)}.no-image{background:var(--secondary-gradient);height:100%;color:var(--text-white);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;display:flex;position:relative}.no-image:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea26;position:absolute;inset:0}.no-image svg{opacity:.9;z-index:1;font-size:3.5rem}.announcement-overlay{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000,#000000d9);padding:1.75rem;position:absolute;bottom:0;left:0;right:0}.announcement-overlay h3{text-shadow:0 2px 4px #00000080;margin:0 0 .75rem;font-size:1.125rem;font-weight:700}.announcement-overlay p{opacity:.95;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #00000026}.status-badge.active{background:var(--success-gradient);color:var(--text-white);box-shadow:0 4px 12px #43e97b4d}.status-badge.inactive{background:var(--danger-gradient);color:var(--text-white);box-shadow:0 4px 12px #ff6b6b4d}.priority-badge{background:var(--warning-gradient);color:var(--text-white);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #fa709a4d}.announcement-details{border-bottom:1px solid var(--border-light);background:var(--surface-secondary);padding:1.5rem}.detail-row{color:var(--text-secondary);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.detail-row:last-child{margin-bottom:0}.detail-row svg{color:var(--text-accent);flex-shrink:0;font-size:1.125rem}.detail-row a{color:var(--text-accent);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.detail-row a:hover{color:#5b21b6;text-decoration:underline;transform:translate(2px)}.announcement-actions{background:var(--surface-tertiary);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state p{max-width:400px;margin:0;font-size:1.125rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex;position:fixed;inset:0}@keyframes modalEnter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-content{background:var(--surface-glass);border-radius:var(--radius-xl);width:90vw;max-width:750px;max-height:90vh;box-shadow:var(--shadow-xl), var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);animation:.5s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow-y:auto}.announcement-form{border-radius:var(--radius-xl)}.modal-header{border-bottom:1px solid var(--border-light);background:var(--surface-secondary);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.modal-header:before{content:"";background:var(--primary-gradient);height:1px;position:absolute;bottom:0;left:0;right:0}.modal-header h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.form-grid{gap:1.5rem;padding:1.5rem;display:grid}.form-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.form-input{border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);outline:none;padding:1rem 1.25rem;font-size:.875rem}.form-input:focus{box-shadow:0 0 0 4px #667eea1a, var(--shadow-md);border-color:#667eea;transform:translateY(-2px)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px;line-height:1.6}.checkbox-label{cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--surface-secondary);border:2px solid var(--border-light);box-shadow:var(--shadow-sm);align-items:center;gap:.875rem;padding:1rem;font-size:.875rem;display:flex}.checkbox-label:hover{background:var(--surface-tertiary);border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.checkbox-label input[type=checkbox]{accent-color:#667eea;border-radius:6px;width:1.25rem;height:1.25rem}.toggle-container{background:var(--surface-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all var(--transition-normal);cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.toggle-container:hover{background:var(--surface-tertiary);border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.toggle-header{flex:1;align-items:center;gap:1rem;display:flex}.toggle-icon{border-radius:var(--radius-full);background:var(--surface-glass);border:1px solid var(--border-medium);width:2.5rem;height:2.5rem;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.toggle-visual{color:var(--text-muted);transition:all var(--transition-normal);font-size:1.25rem}.toggle-visual.active{color:#43e97b;transform:scale(1.1)}.toggle-visual.inactive{color:var(--text-muted);opacity:.6}.toggle-content{flex-direction:column;gap:.25rem;display:flex}.toggle-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.toggle-subtitle{color:var(--text-secondary);opacity:.8;font-size:.8rem;line-height:1.4}.modern-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:10;width:3.5rem;height:2rem;display:inline-block;position:relative}.modern-toggle input{opacity:0;width:0;height:0}.toggle-slider{border-radius:var(--radius-full);transition:all var(--transition-normal);z-index:1;background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%);border:2px solid #ef44444d;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.modern-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#43e97b33 0%,#43e97b1a 100%);border-color:#43e97b66;box-shadow:0 0 15px #43e97b33}.modern-toggle input:checked+.toggle-slider:before{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);transform:translate(1.5rem);box-shadow:0 2px 8px #43e97b66}.modern-toggle:hover .toggle-slider{transform:scale(1.05)}.modern-toggle:hover .toggle-slider:before{box-shadow:0 4px 8px #0000004d}.modern-toggle.toggling{pointer-events:none;opacity:.7}.toggle-loading{z-index:20;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-loading .loading-spinner{width:1rem;height:1rem;color:var(--text-primary);animation:1s linear infinite spin}.image-upload-section{flex-direction:column;gap:1.25rem;display:flex}.upload-controls{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.upload-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:flex;position:relative;overflow:hidden}.upload-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#764ba24d,#0000);position:absolute;top:0;left:-100%}.upload-btn:hover:before{left:100%}.upload-btn:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-3px)}.upload-progress{color:var(--text-secondary);align-items:center;gap:1rem;margin-top:1.25rem;font-size:.875rem;display:flex}.progress-bar{background:var(--border-light);border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:var(--success-gradient);height:100%;transition:width var(--transition-normal);border-radius:4px;box-shadow:0 0 20px #43e97b66}.form-actions{border-top:1px solid var(--border-light);background:var(--surface-secondary);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#764ba24d,#0000);position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn-ghost{color:var(--text-secondary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--surface-secondary);border-color:var(--text-accent);color:var(--text-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{background:var(--danger-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-danger:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}@media (max-width:768px){.announcements-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.page-header h1{font-size:2.25rem}.announcements-grid,.form-row{grid-template-columns:1fr;gap:1.5rem}.modal-content{width:95vw;margin:1rem}.form-grid,.modal-header,.form-actions{padding:1.5rem}.announcement-details{padding:1.25rem}.announcement-actions{justify-content:center;padding:1rem 1.25rem}}@media (max-width:480px){.announcement-image{height:200px}.announcement-overlay{padding:1.5rem}.announcement-overlay h3{font-size:1rem}.announcement-overlay p{font-size:.8125rem}.modal-header h2{font-size:1.5rem}.form-grid,.modal-header,.form-actions{padding:1.5rem}}.status-message{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);align-items:center;gap:.875rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;font-weight:600;animation:.5s cubic-bezier(.68,-.55,.265,1.55) slideIn;display:flex}.status-message.success{background:var(--success-gradient);color:var(--text-white);border:1px solid #43e97b4d}.status-message.error{background:var(--danger-gradient);color:var(--text-white);border:1px solid #ff6b6b4d}@keyframes slideIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.announcement-content{flex-direction:column;gap:2.5rem;display:flex}.settings-card{background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.settings-card:before{content:"";background:var(--primary-gradient);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.settings-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-6px)}.card-header{background:var(--surface-secondary);border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding:1.5rem;display:flex}.card-icon{color:var(--text-accent);background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.75rem;font-size:1.5rem}.card-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.form-group{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);padding:1.5rem}.form-group:last-child{border-bottom:none}.form-group:hover{background:#667eea05}.preview-section{background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.preview-header{border-bottom:1px solid var(--border-light);background:var(--surface-secondary);padding:1.5rem}.preview-header h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.preview-header small{color:var(--text-muted);font-size:.875rem}.announcement-preview{align-items:flex-start;gap:2.5rem;padding:2.5rem;display:flex}.preview-image-container{border-radius:var(--radius-lg);background:var(--surface-secondary);border:2px solid var(--border-light);width:240px;height:180px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%}.preview-error{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.preview-info{flex-direction:column;flex:1;gap:1.25rem;display:flex}.preview-status{align-items:center;gap:1.25rem;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.status-badge.active{background:var(--success-gradient);color:var(--text-white);border:1px solid #43e97b4d;box-shadow:0 4px 12px #43e97b4d}.status-badge.inactive{background:var(--danger-gradient);color:var(--text-white);border:1px solid #ff6b6b4d;box-shadow:0 4px 12px #ff6b6b4d}.timeout-info{color:var(--text-muted);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.preview-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.preview-description{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.save-section{justify-content:center;padding:2rem 0;display:flex}.save-btn{border-radius:var(--radius-xl);background:var(--primary-gradient);color:#fff;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-xl);border:none;justify-content:center;align-items:center;gap:1rem;min-width:280px;padding:1.75rem 4rem;font-size:1.125rem;font-weight:700;display:flex;position:relative;overflow:hidden}.save-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#764ba266,#0000);position:absolute;top:0;left:-100%}.save-btn:hover:not(:disabled):before{left:100%}.save-btn.saving{background:var(--warning-gradient);animation:2s infinite pulse}.save-content{align-items:center;gap:1rem;display:flex}.save-icon{color:#ffffffe6;font-size:1.5rem}.save-text{flex-direction:column;align-items:flex-start;gap:.125rem;display:flex}.save-main{font-size:1.125rem;font-weight:700;line-height:1.2}.save-sub{opacity:.8;font-size:.875rem;line-height:1.2}.save-progress{align-items:center;gap:1rem;width:100%;display:flex}.progress-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}.progress-text{flex-direction:column;flex:1;align-items:flex-start;gap:.125rem;display:flex}.progress-main{font-size:1.125rem;font-weight:700;line-height:1.2}.progress-sub{opacity:.8;font-size:.875rem;line-height:1.2}.progress-bar{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-fill{background:#fff;width:0%;height:100%;animation:2s ease-in-out infinite progress}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.announcements-list{background:var(--surface-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;padding:1.5rem}.list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.list-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.selection-count{color:var(--text-accent);background:var(--surface-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-medium);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.bulk-delete-btn{background:var(--danger-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.bulk-delete-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bulk-delete-btn.deleting{opacity:.7;cursor:not-allowed}.create-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:.875rem;font-weight:600;display:flex}.create-btn:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-3px)}.list-container{flex-direction:column;gap:.75rem;display:flex}.select-all-row{background:var(--surface-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.select-all-row .checkbox-container{color:var(--text-primary);font-weight:600}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;gap:.5rem;padding-left:0;font-size:.875rem;display:flex;position:relative}.checkbox-container input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--surface-glass);border:2px solid var(--border-light);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;position:relative}.checkbox-container:hover input~.checkmark{background-color:var(--surface-secondary);border-color:var(--border-medium)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-gradient);border-color:#0000}.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.announcement-item{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.announcement-item.bulk-selected{background:var(--surface-glass);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.announcement-checkbox{flex-shrink:0;align-items:flex-start;margin-top:.25rem;margin-right:0;display:flex}.announcement-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex;overflow:hidden}.announcement-info h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.announcement-info p{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.announcement-status{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.5rem;min-width:120px;display:flex}.announcement-status .status{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.announcement-status .modern-toggle{flex-shrink:0;align-self:flex-start;margin:0;position:relative}.status{border-radius:var(--radius-full);text-transform:uppercase;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.status.active{background:var(--success-gradient);color:var(--text-white);border:1px solid #43e97b4d;box-shadow:0 4px 12px #43e97b4d}.status.inactive{background:var(--danger-gradient);color:var(--text-white);border:1px solid #ff6b6b4d;box-shadow:0 4px 12px #ff6b6b4d}.edit-btn{background:var(--surface-primary);color:var(--text-secondary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:36px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:flex}.edit-btn:hover{background:var(--surface-secondary);border-color:var(--text-accent);color:var(--text-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.announcement-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;min-width:120px;display:flex}.delete-btn{background:var(--danger-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #ff6b6b4d;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:36px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:relative;overflow:hidden}.delete-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-fast);background:linear-gradient(90deg,#0000,#ff6b6b66,#0000);position:absolute;top:0;left:-100%}.delete-btn:hover:before{left:100%}.delete-btn:hover{box-shadow:var(--shadow-md), 0 0 20px #ff6b6b66;color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border-color:#ff6b6b;transform:translateY(-2px)}.delete-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.delete-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.delete-btn.deleting{background:var(--danger-gradient);cursor:not-allowed}.delete-btn .spinning{animation:1s linear infinite spin}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-block-settings{background:var(--background-primary);min-height:100vh;padding:2rem 1.5rem 3rem}.page-header{background:linear-gradient(145deg, var(--surface-secondary), var(--surface-primary));border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:1200px;box-shadow:var(--shadow-sm);margin:0 auto 1.5rem;padding:1.25rem 1.5rem}.settings-content{max-width:1200px;margin:0 auto}.settings-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;height:100%;padding:1.5rem;display:flex}.form-section{flex-direction:column;flex:1;gap:1.1rem;display:flex}.form-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-weight:600;display:flex}.hidden-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox{background:var(--surface-tertiary);border:2px solid var(--border-medium);border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;transition:all var(--transition-fast);display:inline-block;position:relative}.hidden-checkbox:checked~.custom-checkbox{background:var(--success-gradient);border-color:var(--success-color)}.custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.35rem;height:.7rem;display:none;position:absolute;top:.15rem;left:.4rem;transform:rotate(45deg)}.hidden-checkbox:checked~.custom-checkbox:after{display:block}.form-textarea,.form-input{border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);transition:all var(--transition-fast);resize:vertical;padding:.75rem 1rem;font-size:1rem}.form-textarea:focus,.form-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea:disabled,.form-input:disabled{background:var(--surface-tertiary);color:var(--text-muted);cursor:not-allowed}.form-help{color:var(--text-secondary);margin:0;font-size:.875rem}.form-actions{border-top:1px solid var(--border-light);justify-content:flex-start;margin-top:auto;padding-top:1rem;display:flex}.save-btn{background:var(--success-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #43e97b4d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.preview-section{border-top:1px solid var(--border-light);margin-top:1.25rem;padding-top:1.25rem}.preview-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.block-preview{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.preview-header{margin-bottom:1rem}.preview-header h4{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.preview-message p{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;line-height:1.5}.preview-message a{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem 1rem;font-weight:500;text-decoration:none;display:inline-block}.preview-message a:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pro-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:1.1rem;display:grid}.block-section,.payment-section,.update-section,.app-choice-section{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-md);padding:1.5rem}.update-section .section-title{margin-top:0}.section-title{color:var(--text-primary);letter-spacing:.2px;margin-bottom:.35rem;font-size:1.12rem;font-weight:700}.section-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.45}.payment-loading{align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.payment-state{flex-direction:column;gap:.9rem;margin:.75rem 0;display:flex}.payment-status{color:var(--text-primary);font-weight:600}.payment-badge{letter-spacing:.25px;border-radius:999px;padding:.22rem .55rem;font-size:.8rem;display:inline-block}.payment-badge.enabled{color:#1b5e20;background:#c8f2cf}.payment-badge.disabled{color:#991b1b;background:#fee2e2}.payment-actions{flex-wrap:wrap;gap:.55rem;display:flex}.payment-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;padding:.56rem .95rem;font-weight:600}.payment-btn.enable{background:#2e7d32}.payment-btn.disable{background:#c62828}.payment-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.page-header{padding:1rem 1.1rem}}@media (max-width:768px){.app-block-settings,.settings-card,.block-section,.payment-section,.update-section,.app-choice-section{padding:1rem}.form-section{gap:.95rem}.form-actions{justify-content:center}.save-btn{justify-content:center;width:100%}.payment-actions{flex-direction:column}.payment-btn{width:100%}.block-preview{padding:1rem}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.form-textarea,.form-input{font-size:16px}}.admin-permissions{background:var(--background-primary);min-height:100vh;padding:2rem}.page-header{margin-bottom:2rem}.permissions-content{grid-template-columns:1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;display:grid}.permissions-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.permissions-header{margin-bottom:2rem}.permissions-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.permissions-header p{color:var(--text-secondary);margin:0;font-size:1rem}.permissions-grid{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.permissions-row{border-radius:var(--radius-md);transition:all var(--transition-fast);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:1rem;display:grid}.permissions-row:hover{background:var(--surface-tertiary)}.permissions-row.header-row{background:var(--surface-tertiary);border-bottom:2px solid var(--border-light);color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.permissions-row.header-row:hover{background:var(--surface-tertiary)}.permission-name{align-items:center;gap:.75rem;font-weight:500;display:flex}.permission-icon{width:1.25rem;height:1.25rem;color:var(--text-secondary);flex-shrink:0}.permission-label{flex:1}.role-column{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.role-column svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.role-column span{color:var(--text-primary);font-size:.875rem;font-weight:500}.permission-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;width:3rem;height:1.75rem;display:inline-block;position:relative}.permission-toggle input{opacity:0;width:0;height:0}.toggle-slider{border-radius:var(--radius-full);transition:all var(--transition-normal);background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%);border:2px solid #ef44444d;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{content:"";width:1.25rem;height:1.25rem;transition:all var(--transition-normal);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;position:absolute;bottom:.125rem;left:.125rem;box-shadow:0 2px 4px #0003}.permission-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#43e97b33 0%,#43e97b1a 100%);border-color:#43e97b66;box-shadow:0 0 15px #43e97b33}.permission-toggle input:checked+.toggle-slider:before{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);transform:translate(1.25rem);box-shadow:0 2px 8px #43e97b66}.permission-toggle:hover .toggle-slider{transform:scale(1.05)}.permission-toggle:hover .toggle-slider:before{box-shadow:0 4px 8px #0000004d}.permissions-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:2rem;display:flex}.reset-btn,.save-btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.reset-btn{background:var(--surface-tertiary);color:var(--text-primary);border:2px solid var(--border-light)}.reset-btn:hover:not(:disabled){background:var(--surface-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-btn{background:var(--success-gradient);color:#fff;border:2px solid #43e97b4d}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.reset-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.permissions-info{flex-direction:column;gap:1rem;display:flex}.info-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.info-card h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.role-info{flex-direction:column;gap:1.5rem;display:flex}.role-item{background:var(--surface-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:1rem}.role-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.role-header svg{width:1.25rem;height:1.25rem;color:var(--accent-color)}.role-header strong{color:var(--text-primary);font-size:1rem}.role-item p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state p{color:var(--text-secondary);margin:1rem 0 0;font-size:1rem}.loading-spinner{width:2rem;height:2rem;animation:1s linear infinite spin}@media (max-width:1024px){.permissions-content{grid-template-columns:1fr;gap:1.5rem}.permissions-row{grid-template-columns:2fr .8fr .8fr .8fr;padding:.75rem}.permission-name{flex-direction:column;align-items:flex-start;gap:.25rem}.permission-label{font-size:.875rem}}@media (max-width:768px){.admin-permissions{padding:1rem}.permissions-card{padding:1.5rem}.permissions-row{grid-template-columns:1fr;gap:1rem;padding:1rem}.permissions-row.header-row{display:none}.permission-name{border-bottom:1px solid var(--border-light);grid-column:1/-1;margin-bottom:.5rem;padding-bottom:.5rem}.role-column{border-bottom:1px solid var(--border-light);flex-direction:row;justify-content:space-between;padding:.5rem 0}.role-column:last-child{border-bottom:none}.permissions-actions{flex-direction:column;gap:1rem}.reset-btn,.save-btn{justify-content:center;width:100%}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.permissions-card{padding:1rem}.role-column{padding:.75rem 0}}:root{--bg-color:#f8f9fa;--surface-color:#fff;--text-color:#212529;--muted-text-color:#6c757d;--border-color:#dee2e6;--color-primary:#007bff;--color-primary-accent:#6610f2;--color-info:#17a2b8;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--font-stack:Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color-rgb:248, 249, 250;--surface-color-rgb:255, 255, 255;--text-color-rgb:33, 37, 41;--muted-text-color-rgb:108, 117, 125;--border-color-rgb:222, 226, 230;--color-primary-rgb:0, 123, 255;--color-primary-accent-rgb:102, 16, 242;--color-info-rgb:23, 162, 184;--color-success-rgb:40, 167, 69;--color-warning-rgb:255, 193, 7;--color-danger-rgb:220, 53, 69}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-color:#e0e0e0;--muted-text-color:#a0a0a0;--border-color:#333;--color-primary:#0d6efd;--color-primary-accent:#7f42f5;--color-info:#3dd5f3;--color-success:#34c759;--color-warning:#ffc400;--color-danger:#ff453a;--bg-color-rgb:18, 18, 18;--surface-color-rgb:30, 30, 30;--text-color-rgb:224, 224, 224;--muted-text-color-rgb:160, 160, 160;--border-color-rgb:51, 51, 51;--color-primary-rgb:13, 110, 253;--color-primary-accent-rgb:127, 66, 245;--color-info-rgb:61, 213, 243;--color-success-rgb:52, 199, 89;--color-warning-rgb:255, 196, 0;--color-danger-rgb:255, 69, 58}}.seller-theme{--color-primary:#ff5722;--color-primary-accent:#ff9800;--color-primary-rgb:255, 87, 34;--color-primary-accent-rgb:255, 152, 0}html,body,#root{background:var(--bg-color);color:var(--text-color);font-family:var(--font-stack)}.page-header h1,.page-header,.dashboard-page,.panel,.table,.stats-row,.dashboard-columns{color:var(--text-color)}.table th,.table td{color:var(--text-color);border-color:var(--border-color)}.card,.panel,.dashboard-side-col,.dashboard-main-col{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;padding:.625rem 1rem;font-weight:500;transition:background-color .2s}.loading-screen{color:var(--text-color)}.muted{color:var(--muted-text-color)}.insights{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.insights h3{color:var(--muted-text-color);margin:0 0 8px;font-size:14px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-color);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px}.quick-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.quick-grid>.col-8{grid-column:span 8}.quick-grid>.col-4{grid-column:span 4}@media (max-width:900px){.quick-grid{grid-template-columns:1fr}.quick-grid>.col-8,.quick-grid>.col-4{grid-column:span 1}}.qa{border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.qa:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.qa.inventory{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-accent));color:#fff}.qa.reports{background:linear-gradient(135deg, var(--color-info), #17a2b8);color:#fff}.qa.users{background:linear-gradient(135deg, var(--color-success), #28a745);color:#fff}.qa.announcements{background:linear-gradient(135deg, var(--color-warning), #ffc107);color:#fff}.qa.block{background:linear-gradient(135deg, var(--color-danger), #dc3545);color:#fff}.qa.support{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-color)}.qa.seller-form{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.msosi-admin-appbar{color:#f3f3f3;background:#23272f;border-bottom:1px solid #23272f;align-items:center;padding:10px 28px;display:flex;box-shadow:0 2px 8px #00000021}.msosi-admin-back{cursor:pointer;color:#bdbdbd;background:0 0;border:none;border-radius:4px;margin-right:12px;padding:2px 8px;font-size:1.2rem;transition:color .2s}.msosi-admin-back:hover{color:#fff;background:#2bb2a5}.msosi-admin-appbar h2{color:#f3f3f3;letter-spacing:.5px;flex:1;margin:0;font-size:1.1rem;font-weight:700}.msosi-admin-control{cursor:pointer;color:#bdbdbd;background:0 0;border:none;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:1.1rem;transition:background .15s,color .15s}.msosi-admin-control:hover{color:#2bb2a5;background:#f0fbf9}.msosi-admin-content{padding:18px 2vw 40px}.msosi-admin-empty-icon{color:#e0e0e0;font-size:2.2rem}.msosi-admin-empty p{color:#bdbdbd;margin-bottom:12px;font-size:.97rem}.msosi-admin-add-btn{color:#fff;cursor:pointer;background:#2bb2a5;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:.98rem;font-weight:600;transition:background .18s;display:inline-flex}.msosi-admin-add-btn:hover{background:#229b8e}.msosi-admin-card{background:#23272f;border:1px solid #23272f;border-radius:7px;align-items:flex-start;gap:10px;padding:10px 14px;transition:box-shadow .18s,border .18s;display:flex;box-shadow:0 1px 4px #0000002e}.msosi-admin-card:hover{border-color:#2bb2a5;box-shadow:0 4px 16px #2bb2a51a}.msosi-admin-img-wrap{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.msosi-admin-img-placeholder{color:#bbb;font-size:1.2rem}.msosi-admin-info{flex:1}.msosi-admin-title{color:#f3f3f3;font-size:1.01rem;font-weight:700}.msosi-admin-address{color:#bdbdbd;align-items:center;gap:2px;margin:2px 0 4px;font-size:.93rem;display:flex}.msosi-admin-status{border-radius:6px;margin-bottom:2px;padding:2px 8px;font-size:.89rem;font-weight:600;display:inline-block}.msosi-admin-status.active{color:#1a9c7e;background:#e6f9f5}.msosi-admin-status.inactive{color:#e74c3c;background:#ffeaea}.msosi-admin-owner{color:#bdbdbd;margin-top:2px;font-size:.89rem}.msosi-admin-actions{align-items:center;margin-left:8px;display:flex}.msosi-admin-switch{width:32px;height:18px;display:inline-block;position:relative}.msosi-admin-arrow{color:#bbb;margin-left:8px;font-size:1rem}.msosi-admin-fab{color:#fff;cursor:pointer;z-index:100;background:#2bb2a5;border:none;border-radius:24px;align-items:center;gap:8px;padding:14px 28px;font-size:17px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #2bb2a52e}.msosi-admin-bg{color:#eef3ff;background:#0d121b;min-height:100vh;font-family:Sora,Segoe UI,sans-serif}.msosi-admin-appbar{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101826e6;border-bottom:1px solid #2b3750;align-items:center;gap:8px;padding:12px 20px;display:flex;position:sticky;top:0}.msosi-admin-back{cursor:pointer;color:#dbe7ff;background:#1a2434;border:1px solid #30405c;border-radius:8px;padding:4px 10px;font-size:1.1rem;transition:all .2s}.msosi-admin-back:hover{background:#23324a;border-color:#466189}.msosi-admin-appbar h2{letter-spacing:.2px;margin:0;font-size:1.05rem;font-weight:700}.msosi-admin-top-btn{color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.msosi-admin-register-btn{background:#0f766e;border-color:#1d9288;margin-left:auto}.msosi-admin-register-btn:hover{background:#0d665f}.msosi-admin-categories-btn{background:#2bb2a5;border-color:#39c5b8}.msosi-admin-categories-btn:hover{background:#249a8f}.msosi-admin-content{max-width:1280px;margin:0 auto;padding:18px 16px 36px}.msosi-admin-loading{justify-content:center;align-items:center;min-height:120px;display:flex}.msosi-admin-spinner{border:3px solid #2bb2a5;border-top-color:#2b3750;border-radius:50%;width:28px;height:28px;animation:1s linear infinite msosi-spin}.msosi-admin-empty{text-align:center;color:#a9b6cd;margin-top:40px}.msosi-admin-empty-icon{font-size:2.2rem}.msosi-admin-empty h3{color:#eef3ff;margin:10px 0 4px;font-size:1.08rem}.msosi-admin-empty p{color:#a9b6cd;font-size:.97rem}.msosi-admin-search-wrap{justify-content:center;padding:8px 0 10px;display:flex}.msosi-admin-search{color:#eef3ff;background:#111a2a;border:1px solid #314360;border-radius:10px;outline:none;width:100%;max-width:420px;min-height:42px;padding:9px 13px;font-size:.96rem;transition:border-color .2s,box-shadow .2s}.msosi-admin-search:focus{border-color:#2bb2a5;box-shadow:0 0 0 3px #2bb2a52e}.msosi-admin-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.msosi-admin-card{background:linear-gradient(170deg,#141d2c 0%,#101827 100%);border:1px solid #293751;border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;padding:12px;transition:border-color .2s,transform .2s;display:grid;overflow:hidden;box-shadow:0 8px 24px #050a1259}.msosi-admin-card:hover{border-color:#2bb2a5;transform:translateY(-1px)}.msosi-admin-img-wrap{background:#1f293a;border:1px solid #31425f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.msosi-admin-img-wrap img{object-fit:cover;width:100%;height:100%}.msosi-admin-img-placeholder{font-size:1.4rem}.msosi-admin-info{min-width:0}.msosi-admin-title{color:#eef3ff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.msosi-admin-address,.msosi-admin-owner{color:#a8b6cf;word-break:break-word;margin-top:4px;font-size:.89rem;line-height:1.35}.msosi-admin-status{border-radius:999px;margin-top:7px;padding:3px 9px;font-size:.8rem;font-weight:700;display:inline-block}.msosi-admin-status.active{color:#6ff2b4;background:#2fbf7c33;border:1px solid #2fbf7c66}.msosi-admin-status.inactive{color:#ff9898;background:#e8535333;border:1px solid #e8535359}.msosi-admin-summary{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.msosi-admin-summary-badge{color:#d6e5ff;background:#1b2840;border:1px solid #364c72;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;display:inline-flex}.msosi-admin-actions{flex-direction:column;align-items:stretch;gap:8px;min-width:106px;display:flex}.msosi-admin-manage-btn,.msosi-admin-foodupload-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:7px 10px;font-size:.86rem;font-weight:700;transition:all .2s}.msosi-admin-manage-btn{background:#3577de}.msosi-admin-manage-btn:hover{background:#2d67c0}.msosi-admin-foodupload-btn{background:#2bb2a5}.msosi-admin-foodupload-btn:hover{background:#249a8f}.msosi-admin-switch{width:36px;height:20px;margin:2px auto 0;display:inline-block;position:relative}.msosi-admin-switch input{opacity:0;width:0;height:0}.msosi-admin-slider{cursor:pointer;background:#5f6b80;border-radius:999px;transition:all .2s;position:absolute;inset:0}.msosi-admin-switch input:checked+.msosi-admin-slider{background:#2bb2a5}.msosi-admin-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.msosi-admin-switch input:checked+.msosi-admin-slider:before{transform:translate(16px)}@media (max-width:1024px){.msosi-admin-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:820px){.msosi-admin-appbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.msosi-admin-appbar h2{flex:150px;order:0}.msosi-admin-register-btn{margin-left:0}.msosi-admin-top-btn{text-align:center;flex:calc(50% - 8px)}}@media (max-width:640px){.msosi-admin-content{padding:12px 10px 24px}.msosi-admin-list{grid-template-columns:1fr;gap:10px}.msosi-admin-card{grid-template-columns:58px minmax(0,1fr)}.msosi-admin-img-wrap{width:58px;height:58px}.msosi-admin-actions{flex-flow:wrap;grid-column:1/-1;justify-content:flex-start;min-width:0;padding-top:4px}.msosi-admin-manage-btn,.msosi-admin-foodupload-btn{flex:140px}.msosi-admin-switch{margin:4px 0 0}}.msosi-all-orders-page{color:#e6edf3;background:radial-gradient(circle at 100% 0,#2bb2a51f,#0000 28%),#0d1117;min-height:100vh;padding:20px;font-family:Sora,sans-serif}.msosi-all-orders-hero{background:#161b22;border:1px solid #21262d;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px;display:flex}.msosi-all-orders-hero h1{margin:0;font-size:1.15rem;font-weight:700}.msosi-all-orders-hero p{color:#8b949e;margin:4px 0 0;font-size:.82rem}.msosi-failed-orders-link-btn{color:#ff8a8a;cursor:pointer;background:#dc3c3c26;border:1px solid #dc3c3c73;border-radius:999px;margin-top:10px;padding:6px 14px;font-family:Sora,sans-serif;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.msosi-failed-orders-link-btn:hover{color:#ffb3b3;background:#dc3c3c47}.msosi-all-orders-metrics{grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;display:grid}.msosi-all-orders-metric{text-align:center;background:#0d1117;border:1px solid #30363d;border-radius:10px;padding:8px 10px}.msosi-all-orders-metric span{color:#8b949e;font-size:.7rem;display:block}.msosi-all-orders-metric strong{color:#2bb2a5;font-size:1.1rem}.msosi-date-range-bar{background:#161b22;border:1px solid #21262d;border-radius:12px;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex;overflow-x:auto}.msosi-date-range-chip{color:#8b949e;white-space:nowrap;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:999px;padding:6px 14px;font-family:Sora,sans-serif;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.msosi-date-range-chip.selected{color:#60b4ff;background:#1e3a5f;border-color:#1e88e5}.msosi-date-range-custom{background:#161b22;border:1px solid #21262d;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.msosi-date-range-custom label{color:#8b949e;flex-direction:column;gap:4px;font-size:.75rem;font-weight:600;display:flex}.msosi-date-range-custom input[type=date]{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:8px;outline:none;padding:6px 10px;font-family:Sora,sans-serif;font-size:.83rem}.msosi-date-range-custom input[type=date]:focus{border-color:#2bb2a5}.msosi-revenue-range-badge{color:#60b4ff;vertical-align:middle;text-transform:none;letter-spacing:0;background:#1e3a5f;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-block}.msosi-revenue-panel{background:#161b22;border:1px solid #21262d;border-radius:16px;margin-bottom:10px;padding:14px 16px}.msosi-revenue-panel-title{color:#8b949e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.78rem;font-weight:700}.msosi-revenue-panel-grid{flex-wrap:nowrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.msosi-revenue-card{background:#0d1117;border:1px solid #30363d;border-radius:12px;flex:0 0 240px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.msosi-revenue-card-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem;line-height:1}.msosi-revenue-card-body{min-width:0}.msosi-revenue-card-label{color:#8b949e;font-size:.72rem;font-weight:500}.msosi-revenue-card-value{color:#2bb2a5;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:1rem;font-weight:800;overflow:hidden}.msosi-revenue-card-sub{color:#556272;margin-top:2px;font-size:.69rem}.msosi-revenue-card--delivered .msosi-revenue-card-value{color:#34a853}.msosi-revenue-card--transport .msosi-revenue-card-value{color:#1e88e5}.msosi-revenue-card--restaurant-cost .msosi-revenue-card-value{color:#ff8a8a}.msosi-revenue-card--profit .msosi-revenue-card-value{color:#56d364}.msosi-revenue-card--avg .msosi-revenue-card-value{color:#fb8c00}@media (max-width:900px){.msosi-revenue-card{flex-basis:220px}}@media (max-width:500px){.msosi-revenue-card{flex-basis:200px}}.msosi-all-orders-status-filter{background:#161b22;border:1px solid #21262d;border-radius:12px;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.msosi-all-orders-status-chip{color:#8b949e;white-space:nowrap;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.msosi-all-orders-status-chip.selected{color:#052622;background:#2bb2a5;border-color:#2bb2a5}.msosi-all-orders-status-count{background:#0003;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.72rem}.msosi-all-orders-toolbar{grid-template-columns:minmax(0,1fr) 230px 230px;gap:10px;margin-top:12px;display:grid}.msosi-all-orders-toolbar input,.msosi-all-orders-toolbar select{color:#e6edf3;background:#161b22;border:1px solid #30363d;border-radius:10px;outline:none;min-height:42px;padding:0 12px;font-family:Sora,sans-serif;font-size:.86rem}.msosi-all-orders-toolbar input:focus,.msosi-all-orders-toolbar select:focus{border-color:#2bb2a5;box-shadow:0 0 0 3px #2bb2a521}.msosi-all-orders-content{margin-top:12px}.msosi-all-orders-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.msosi-all-orders-row{background:#161b22;border:1px solid #21262d;border-left:4px solid #2bb2a5;border-radius:12px;padding:12px}.msosi-all-orders-row--delivered{border-left-color:#34a853}.msosi-all-orders-row--cancelled{border-left-color:#e53935}.msosi-all-orders-row--ontheway{border-left-color:#1e88e5}.msosi-all-orders-row--preparing{border-left-color:#fb8c00}.msosi-all-orders-row-top{justify-content:space-between;gap:10px;display:flex}.msosi-all-orders-order-id{color:#8b949e;font-size:.74rem;font-weight:700}.msosi-all-orders-customer{font-size:.95rem;font-weight:600}.msosi-all-orders-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.msosi-all-orders-restaurant-pill,.msosi-all-orders-free-pill,.msosi-all-orders-status-pill{border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.msosi-all-orders-restaurant-pill{color:#9bc4ff;background:#1d2a3a}.msosi-all-orders-free-pill{color:#ff9800;background:#ff980022}.msosi-all-orders-status-pill--delivered{color:#34a853;background:#34a85322}.msosi-all-orders-status-pill--cancelled{color:#ff8a8a;background:#e5393522}.msosi-all-orders-status-pill--ontheway{color:#60b4ff;background:#1e88e522}.msosi-all-orders-status-pill--preparing{color:#fdb54f;background:#fb8c0022}.msosi-all-orders-status-pill--placed{color:#2bb2a5;background:#2bb2a522}.msosi-all-orders-row-meta{color:#8b949e;justify-content:space-between;margin-top:8px;font-size:.76rem;display:flex}.msosi-all-orders-id-section{background:#11161d;border:1px dashed #30363d;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:8px;padding:8px;display:grid}.msosi-all-orders-id-label{color:#8b949e;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:700}.msosi-all-orders-id-value{color:#e6edf3;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:.74rem;overflow:hidden}.msosi-all-orders-id-copy-btn{color:#8bc4ff;cursor:pointer;background:#172534;border:1px solid #36536f;border-radius:7px;min-height:28px;padding:0 10px;font-family:Sora,sans-serif;font-size:.7rem;font-weight:700}.msosi-all-orders-id-copy-btn:disabled{opacity:.6;cursor:not-allowed}.msosi-all-orders-address-line{color:#b7c0cb;justify-content:space-between;gap:10px;margin-top:6px;font-size:.8rem;display:flex}.msosi-all-orders-map-link{color:#34a853;white-space:nowrap;font-size:.74rem;font-weight:600;text-decoration:none}.msosi-all-orders-map-link:hover{text-decoration:underline}.msosi-all-orders-items{flex-direction:column;gap:7px;margin-top:9px;display:flex}.msosi-all-orders-no-items{color:#8b949e;border:1px dashed #30363d;border-radius:8px;padding:8px;font-size:.76rem}.msosi-all-orders-item{background:#11161d;border:1px solid #21262d;border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.msosi-all-orders-item-img,.msosi-all-orders-item-icon{background:#1f2730;border-radius:8px;width:38px;height:38px}.msosi-all-orders-item-img{object-fit:cover}.msosi-all-orders-item-icon{justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.msosi-all-orders-item-info{min-width:0}.msosi-all-orders-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.msosi-all-orders-item-restaurant{color:#58a6ff;opacity:.9;margin-top:2px;font-size:.68rem;font-style:italic}.msosi-all-orders-item-meta{color:#8b949e;font-size:.72rem}.msosi-all-orders-item-restaurant-price{color:#fdb54f;margin-top:2px;font-size:.69rem}.msosi-all-orders-item-total{color:#b8f8f2;white-space:nowrap;font-size:.78rem;font-weight:700}.msosi-all-orders-row-bottom{border-top:1px solid #21262d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.msosi-all-orders-total{color:#2bb2a5;font-size:1rem;font-weight:800}.msosi-all-orders-update-btn{color:#052622;cursor:pointer;background:#2bb2a5;border:none;border-radius:9px;min-height:34px;padding:0 12px;font-family:Sora,sans-serif;font-size:.76rem;font-weight:700}.msosi-all-orders-update-notice{border:1px solid #0000;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:.73rem;font-weight:600}.msosi-all-orders-update-notice--success{color:#8af5c8;background:#0f2b1f;border-color:#1f7a4d}.msosi-all-orders-update-notice--warn{color:#ffd38a;background:#2c230f;border-color:#8f6c2e}.msosi-all-orders-update-notice--error{color:#ffb1b1;background:#2e1414;border-color:#7a3333}.msosi-all-orders-contact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.msosi-all-orders-contact-btn{cursor:pointer;border:1px solid #30363d;border-radius:8px;min-height:34px;padding:0 10px;font-family:Sora,sans-serif;font-size:.74rem;font-weight:700}.msosi-all-orders-contact-btn--wa{color:#7af2b9;background:#113823;border-color:#1f7a4d}.msosi-all-orders-contact-btn--sms{color:#8bc4ff;background:#142c46;border-color:#35699c}.msosi-all-orders-contact-btn:disabled{opacity:.6;cursor:not-allowed}.msosi-all-orders-danger-row{justify-content:flex-end;margin-top:8px;display:flex}.msosi-all-orders-delete-btn{color:#ff9d9d;cursor:pointer;background:#2a1515;border:1px solid #5a2a2a;border-radius:8px;min-height:32px;padding:0 10px;font-family:Sora,sans-serif;font-size:.74rem;font-weight:700}.msosi-all-orders-delete-btn:hover{background:#3a1d1d;border-color:#7a3a3a}.msosi-all-orders-delete-btn:disabled{opacity:.6;cursor:not-allowed}.msosi-all-orders-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.msosi-all-orders-picker-option{color:#e6edf3;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;min-height:34px;font-family:Sora,sans-serif;font-size:.76rem;font-weight:600}.msosi-all-orders-picker-option--preparing{color:#fdb54f}.msosi-all-orders-picker-option--ontheway{color:#60b4ff}.msosi-all-orders-picker-option--delivered{color:#56d364}.msosi-all-orders-picker-option--cancelled{color:#ff8a8a}.msosi-all-orders-empty{text-align:center;color:#8b949e;background:#161b22;border:1px solid #21262d;border-radius:12px;padding:28px}@media (max-width:900px){.msosi-all-orders-hero{flex-direction:column;align-items:flex-start}.msosi-all-orders-metrics{width:100%}.msosi-all-orders-toolbar,.msosi-all-orders-grid{grid-template-columns:1fr}.msosi-all-orders-item{grid-template-columns:34px minmax(0,1fr)}.msosi-all-orders-item-total{grid-column:2;justify-self:start}}.msosi-restaurant-upload-page{color:#e6edf3;background:radial-gradient(circle at 100% 0,#2bb2a51f,#0000 26%),linear-gradient(#0d1117 0%,#111827 100%);min-height:100vh;padding:0 0 56px;font-family:Sora,sans-serif}.msosi-restaurant-upload-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1117e0;border-bottom:1px solid #30363dcc;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.msosi-restaurant-upload-header h1{color:#f0f6fc;margin:0;font-size:1.08rem;font-weight:700;line-height:1.2}.msosi-restaurant-upload-header p{color:#8b949e;margin:3px 0 0;font-size:.82rem}.msosi-restaurant-upload-back{color:#8b949e;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.msosi-restaurant-upload-back:hover{color:#031d19;background:#2bb2a5;border-color:#2bb2a5}.msosi-restaurant-upload-card{max-width:1180px;margin:28px auto 0;padding:0 24px}.msosi-restaurant-upload-layout{grid-template-columns:minmax(0,1.9fr) minmax(320px,.95fr);gap:20px;display:grid}.msosi-restaurant-upload-main,.msosi-restaurant-upload-side{background:#161b22f5;border:1px solid #21262d;border-radius:18px;padding:20px;box-shadow:0 18px 40px #0000003d}.msosi-restaurant-upload-side{height:fit-content;position:sticky;top:92px}.msosi-restaurant-upload-section-title{text-transform:uppercase;letter-spacing:.8px;color:#8b949e;border-bottom:1px solid #21262d;margin:0 0 14px;padding-bottom:10px;font-size:.8rem;font-weight:700}.msosi-image-picker{cursor:pointer;background:linear-gradient(#0d1117 0%,#111827 100%);border:2px dashed #30363d;border-radius:18px;width:100%;min-height:260px;margin-bottom:16px;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;overflow:hidden}.msosi-image-picker:hover{border-color:#2bb2a5;transform:translateY(-1px);box-shadow:0 10px 28px #2bb2a51f}.msosi-image-placeholder{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;font-weight:600;display:flex}.msosi-image-placeholder svg{color:#2bb2a5}.msosi-image-preview{object-fit:cover;width:100%;height:280px;display:block}.msosi-image-input{display:none}.msosi-upload-note-card{background:linear-gradient(#0c1b19eb 0%,#0f1f1ceb 100%);border:1px solid #2bb2a533;border-radius:14px;margin-bottom:16px;padding:14px}.msosi-upload-note-title{text-transform:uppercase;letter-spacing:.7px;color:#6ee7d8;margin-bottom:8px;font-size:.82rem;font-weight:700}.msosi-upload-note-item{color:#b7c2cc;padding-left:14px;font-size:.82rem;line-height:1.55;position:relative}.msosi-upload-note-item+.msosi-upload-note-item{margin-top:6px}.msosi-upload-note-item:before{content:"";background:#2bb2a5;border-radius:999px;width:5px;height:5px;position:absolute;top:9px;left:0}.msosi-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.msosi-field{flex-direction:column;gap:7px;display:flex}.msosi-field-full{grid-column:1/-1}.msosi-field span{color:#8b949e;text-transform:uppercase;letter-spacing:.55px;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.msosi-field input,.msosi-field textarea{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:12px;outline:none;padding:12px 13px;font-family:inherit;font-size:.92rem;transition:border-color .18s,box-shadow .18s,background .18s}.msosi-field input::placeholder,.msosi-field textarea::placeholder{color:#6e7681}.msosi-field input:focus,.msosi-field textarea:focus{background:#111827;border-color:#2bb2a5;box-shadow:0 0 0 3px #2bb2a524}.msosi-field textarea{resize:vertical;min-height:92px}.msosi-field input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.msosi-message{border-radius:12px;margin-bottom:10px;padding:12px 13px;font-size:.88rem;font-weight:600}.msosi-error{color:#fca5a5;background:#7f1d1d33;border:1px solid #ef444447}.msosi-success{color:#86efac;background:#064e3b33;border:1px solid #10b9813d}.msosi-submit-row{margin-top:12px}.msosi-submit-btn{color:#041b18;cursor:pointer;background:linear-gradient(135deg,#2bb2a5 0%,#1f8c82 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 18px;font-size:.92rem;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 12px 28px #2bb2a53d}.msosi-submit-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px #2bb2a54d}.msosi-submit-btn-top{flex-shrink:0;width:auto;min-height:40px;margin-left:auto;padding:0 18px}.msosi-submit-btn:disabled{opacity:.72;cursor:wait;transform:none}.msosi-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all;background:#040a103d;position:fixed;inset:0}@media (max-width:920px){.msosi-restaurant-upload-layout{grid-template-columns:1fr}.msosi-restaurant-upload-side{position:static}.msosi-field-grid{grid-template-columns:1fr}.msosi-field-full{grid-column:auto}.msosi-submit-btn-top{display:none}}@media (max-width:640px){.msosi-restaurant-upload-header{padding:14px 12px}.msosi-restaurant-upload-card{margin-top:18px;padding:0 12px}.msosi-restaurant-upload-main,.msosi-restaurant-upload-side{padding:16px}}.msosi-edit-bg{color:#e6edf3;background:#0d1117;min-height:100vh;padding:0 0 60px;font-family:Sora,sans-serif}.msosi-edit-appbar{z-index:10;background:#161b22;border-bottom:1px solid #21262d;align-items:center;gap:14px;max-width:100%;padding:14px 24px;display:flex;position:sticky;top:0}.msosi-edit-back{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.msosi-edit-back:hover{color:#fff;background:#2bb2a5;border-color:#2bb2a5}.msosi-edit-appbar h2{color:#e6edf3;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.msosi-edit-appbar p{color:#8b949e;margin:2px 0 0;font-size:.78rem;font-weight:400}.msosi-edit-content{max-width:1180px;margin:28px auto 0;padding:0 20px}.msosi-edit-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.8fr);gap:20px;display:grid}.msosi-edit-side-panel,.msosi-edit-main-panel{background:#161b22;border:1px solid #21262d;border-radius:16px;padding:20px}.msosi-edit-side-panel{height:fit-content;position:sticky;top:80px}.msosi-edit-section-title{color:#8b949e;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #21262d;margin:0 0 12px;padding-bottom:8px;font-size:.78rem;font-weight:700}.msosi-edit-main-panel .msosi-edit-section-title:not(:first-child){margin-top:22px}.msosi-edit-image-box{cursor:pointer;background:#0d1117;border:2px dashed #30363d;border-radius:14px;width:100%;height:220px;margin-bottom:14px;padding:0;transition:border-color .18s;position:relative;overflow:hidden}.msosi-edit-image-box:hover{border-color:#2bb2a5}.msosi-edit-image-box img{object-fit:cover;width:100%;height:100%}.msosi-edit-image-placeholder{color:#8b949e;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:.88rem;font-weight:600;display:flex}.msosi-edit-image-fab{color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;display:inline-flex;position:absolute;top:10px;right:10px}.msosi-edit-hidden-file{display:none}.msosi-status-card{border:1px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.msosi-status-card.open{background:#0d1f17;border-color:#1a4d35}.msosi-status-card.closed{background:#1a0f0f;border-color:#4d1f1f}.msosi-status-icon{letter-spacing:.7px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:68px;height:30px;font-size:.72rem;font-weight:800;display:inline-flex}.msosi-status-card.open .msosi-status-icon{color:#34a853;background:#1a4d35}.msosi-status-card.closed .msosi-status-icon{color:#e53935;background:#4d1f1f}.msosi-status-title{color:#e6edf3;font-size:.88rem;font-weight:700}.msosi-status-sub{color:#8b949e;margin-top:3px;font-size:.78rem}.msosi-location-btn{color:#60b4ff;cursor:pointer;background:#0d1f2e;border:1px solid #30363d;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 16px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.msosi-location-btn:hover{background:#123;border-color:#60b4ff}.msosi-view-map-btn{color:#34a853;cursor:pointer;box-sizing:border-box;background:#0d1f17;border:1px solid #1a4d35;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:8px;padding:0 16px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.msosi-view-map-btn:hover{background:#112e1e;border-color:#34a853}.msosi-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:6px;display:grid}.msosi-edit-field{flex-direction:column;gap:6px;display:flex}.msosi-edit-field-full{grid-column:1/-1}.msosi-edit-field span{color:#8b949e;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.msosi-edit-field input,.msosi-edit-field textarea{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:10px;outline:none;padding:10px 12px;font-family:Sora,sans-serif;font-size:.92rem;transition:border-color .18s,box-shadow .18s}.msosi-edit-field input:focus,.msosi-edit-field textarea:focus{border-color:#2bb2a5;box-shadow:0 0 0 3px #2bb2a526}.msosi-edit-field textarea{resize:vertical;min-height:80px}.msosi-edit-field input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.msosi-edit-message{border-radius:10px;margin-top:10px;padding:10px 14px;font-size:.87rem;font-weight:600}.msosi-edit-message.error{color:#ff7979;background:#1a0f0f;border:1px solid #4d1f1f}.msosi-edit-message.success{color:#56d364;background:#0d1f17;border:1px solid #1a4d35}.msosi-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2bb2a5 0%,#1d8a7e 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:.92rem;font-weight:700;transition:opacity .18s,transform .15s,box-shadow .18s;display:inline-flex;box-shadow:0 6px 20px #2bb2a559}.msosi-save-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #2bb2a580}.msosi-save-btn:active{transform:translateY(0)}.msosi-save-btn-top{border-radius:10px;width:auto;min-height:38px;margin-left:auto;padding:0 18px;font-size:.82rem}.msosi-save-row{margin-top:14px;display:none}.msosi-save-row .msosi-save-btn{width:100%;min-height:50px;font-size:1rem}.msosi-save-btn:disabled,.msosi-location-btn:disabled,.msosi-edit-image-box:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.msosi-edit-loading{color:#8b949e;justify-content:center;align-items:center;min-height:200px;font-size:.95rem;font-weight:500;display:flex}@media (max-width:900px){.msosi-edit-layout{grid-template-columns:1fr}.msosi-edit-side-panel{position:static}.msosi-edit-grid{grid-template-columns:1fr}.msosi-edit-field-full{grid-column:auto}.msosi-edit-content{margin-top:16px;padding:0 12px}.msosi-save-btn-top{display:none}.msosi-save-row{display:block}}@media (max-width:480px){.msosi-edit-appbar{padding:12px 14px}}.msosi-free-food-bg{color:#f3f3f3;background:#181c23;min-height:100vh}.msosi-free-food-appbar{background:#23272f;border-bottom:1px solid #2a303b;align-items:center;gap:10px;padding:10px 20px;display:flex}.msosi-free-food-back{color:#f3f3f3;cursor:pointer;background:0 0;border:none;border-radius:6px;width:34px;height:34px;font-size:20px}.msosi-free-food-back:hover{background:#2bb2a5}.msosi-free-food-appbar h2{margin:0;font-size:18px}.msosi-free-food-content{max-width:960px;margin:0 auto;padding:18px 14px 90px}.msosi-free-food-empty{text-align:center;color:#bdbdbd;margin-top:80px}.msosi-free-food-empty-icon{margin-bottom:8px;font-size:54px}.msosi-free-food-list{gap:12px;display:grid}.msosi-free-food-card{background:#23272f;border:1px solid #2a303b;border-radius:10px;padding:14px}.msosi-free-food-top{align-items:flex-start;gap:12px;display:flex}.msosi-free-food-thumb-wrap{background:#1b2028;border-radius:10px;width:62px;height:62px;overflow:hidden}.msosi-free-food-thumb{object-fit:cover;width:100%;height:100%}.msosi-free-food-thumb-placeholder{color:#9aa0aa;place-items:center;width:100%;height:100%;display:grid}.msosi-free-food-main{flex:1}.msosi-free-food-name{margin-bottom:4px;font-size:16px;font-weight:700}.msosi-free-food-time{color:#bdbdbd;font-size:13px}.msosi-free-food-switch{width:40px;height:22px;display:inline-block;position:relative}.msosi-free-food-switch input{opacity:0;width:0;height:0}.msosi-free-food-slider{background:#5b616d;border-radius:999px;transition:all .2s;position:absolute;inset:0}.msosi-free-food-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.msosi-free-food-switch input:checked+.msosi-free-food-slider{background:#2bb2a5}.msosi-free-food-switch input:checked+.msosi-free-food-slider:before{transform:translate(18px)}.msosi-free-food-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.msosi-free-food-label{color:#9aa0aa;font-size:12px}.msosi-free-food-qty{font-size:18px;font-weight:700}.msosi-free-food-actions{align-items:center;gap:8px;display:flex}.msosi-free-food-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.msosi-free-food-badge.active{color:#9df3c6;background:#1f4d36}.msosi-free-food-badge.paused{color:#ffd27d;background:#5a420d}.msosi-free-food-badge.expired{color:#ff9c9c;background:#58252a}.msosi-free-food-badge.out{color:#d7dde7;background:#4b515d}.msosi-free-food-delete{color:#ffb0b0;cursor:pointer;background:#3c1f24;border:1px solid #a74343;border-radius:8px;padding:5px 10px}.msosi-free-food-edit{color:#9cdaf5;cursor:pointer;background:#1f3643;border:1px solid #2b6f8a;border-radius:8px;padding:5px 10px}.msosi-free-food-progress-track{background:#343a45;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.msosi-free-food-progress-fill{background:#2bb2a5;height:100%}.msosi-free-food-fab{color:#fff;cursor:pointer;background:#2bb2a5;border:none;border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #00000038}.msosi-free-food-sheet-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.msosi-free-food-sheet{background:#23272f;border:1px solid #2a303b;border-top-left-radius:18px;border-top-right-radius:18px;width:min(860px,100%);padding:18px}.msosi-free-food-sheet h3{margin-top:0}.msosi-free-food-sheet label{color:#cdd1d8;margin:10px 0 6px;font-size:14px;font-weight:600;display:block}.msosi-free-food-sheet select,.msosi-free-food-sheet input{color:#f3f3f3;box-sizing:border-box;background:#181c23;border:1px solid #39404d;border-radius:8px;width:100%;padding:10px 12px}.msosi-free-food-time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.msosi-free-food-sheet-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.msosi-free-food-sheet-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-weight:700}.msosi-free-food-sheet-actions button.ghost{color:#d6dbe4;background:#2f3440}.msosi-free-food-sheet-actions button.primary{color:#fff;background:#2bb2a5}@media (max-width:760px){.msosi-free-food-time-row{grid-template-columns:1fr}}.msosi-promo-page{background:var(--bg-color);min-height:100vh;color:var(--text-color);padding:24px}.msosi-promo-header{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-color);box-shadow:var(--shadow-md);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.msosi-promo-header h1{color:var(--text-color);margin:0;font-size:1.3rem}.msosi-promo-header p{max-width:720px;color:var(--muted-text-color);margin:6px 0 0;font-size:.93rem}.msosi-promo-header-actions{flex-wrap:wrap;gap:10px;display:flex}.msosi-promo-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.msosi-promo-btn-primary{background:var(--color-primary);color:#fff}.msosi-promo-btn-primary:disabled{opacity:.6;cursor:not-allowed}.msosi-promo-btn-ghost{background:var(--surface-color);color:var(--color-primary);border-color:var(--color-primary-accent)}.msosi-promo-btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:#2a1818}.msosi-promo-status{border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.85rem;font-weight:600}.msosi-promo-status-success{color:#34c759;background:#1e2d23;border:1px solid #2e7d32}.msosi-promo-status-error{color:#ff453a;background:#2d1e1e;border:1px solid #b3261e}.msosi-promo-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:14px;display:grid}.msosi-promo-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-color);box-shadow:var(--shadow-sm);overflow:hidden}.msosi-promo-preview{color:#ffffffe6;justify-content:center;align-items:center;height:140px;font-weight:700;display:flex}.msosi-promo-preview img{object-fit:cover;width:100%;height:100%}.msosi-promo-card-body{padding:12px}.msosi-promo-card-body h3{color:var(--text-color);margin:0 0 4px;font-size:.98rem}.msosi-promo-card-body p{color:var(--muted-text-color);margin:0 0 8px;font-size:.83rem}.msosi-promo-meta{color:var(--muted-text-color);margin-top:3px;font-size:.76rem}.msosi-promo-card-actions{gap:8px;padding:0 12px 12px;display:flex}.msosi-promo-loading{min-height:70vh;color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.msosi-promo-spinner{border:3px solid #ffd8c2;border-top-color:#ff6106;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite msosiPromoSpin}@keyframes msosiPromoSpin{to{transform:rotate(360deg)}}.msosi-promo-modal-overlay{z-index:2000;background:#0c162373;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.msosi-promo-modal{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-height:92vh;box-shadow:var(--shadow-md);overflow:auto}.msosi-promo-modal-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.msosi-promo-modal-head h3{color:var(--text-color);margin:0;font-size:1rem}.msosi-promo-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-color);width:32px;height:32px;color:var(--text-color);cursor:pointer}.msosi-promo-modal-content{padding:14px}.msosi-promo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.msosi-promo-form-grid label,.msosi-promo-stack-field{color:var(--muted-text-color);flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;display:flex}.msosi-promo-form-grid input,.msosi-promo-form-grid select,.msosi-promo-modal-content input{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:38px;color:var(--text-color);background:var(--surface-color);outline:none;padding:0 10px;font-size:.87rem}.msosi-promo-form-grid input:focus,.msosi-promo-form-grid select:focus,.msosi-promo-modal-content input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.msosi-promo-color-line{align-items:center;gap:10px;display:flex}.msosi-promo-color-swatch{border:1px solid #d8dee7;border-radius:8px;width:32px;height:32px}.msosi-promo-span-two{grid-column:1/-1}.msosi-promo-image-preview-wrap{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-color);overflow:hidden}.msosi-promo-image-preview-wrap img{object-fit:cover;width:100%;height:130px}.msosi-promo-image-empty{border-radius:var(--radius-md);border:1px dashed var(--border-color);color:var(--muted-text-color);text-align:center;padding:12px}.msosi-promo-upload-btn{border:1px solid var(--color-primary-accent);background:var(--surface-color);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.86rem;font-weight:700;display:inline-flex;position:relative}.msosi-promo-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.msosi-promo-selected-pill{border:1px solid var(--border-color);background:var(--surface-color);color:var(--color-primary-accent);border-radius:9px;padding:9px 10px;font-size:.82rem;font-weight:700}.msosi-promo-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.msosi-promo-color-presets{flex-wrap:wrap;gap:8px;display:flex}.msosi-promo-color-dot{cursor:pointer;border:2px solid #0000;border-radius:7px;width:28px;height:28px}.msosi-promo-color-dot.active{border-color:#111827}.msosi-promo-color-preview{color:#fff;border-radius:10px;justify-content:center;align-items:center;height:34px;margin-top:10px;font-weight:700;display:flex}.msosi-promo-rgb-line{grid-template-columns:70px 1fr;align-items:center;gap:8px;margin-top:8px;display:grid}.msosi-promo-rgb-line input{min-height:24px;padding:0}.msosi-promo-category-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);max-height:320px;margin-top:10px;overflow:auto}.msosi-promo-category-item{border:none;border-bottom:1px solid var(--border-color);background:var(--surface-color);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.msosi-promo-category-item.active{color:var(--color-primary-accent);background:#23272f;font-weight:700}.msosi-promo-category-empty{text-align:center;color:var(--muted-text-color);padding:16px}@media (max-width:860px){.msosi-promo-page{padding:14px}.msosi-promo-header{flex-direction:column}.msosi-promo-form-grid{grid-template-columns:1fr}}.privacy-policy-container{font-family:var(--font-stack);color:var(--text-color);background-color:var(--surface-color);border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-height:100vh;margin:20px auto;padding:20px;line-height:1.7}.privacy-policy-container h1{color:var(--color-primary);margin-bottom:10px;font-size:2rem}.privacy-policy-container h2{color:var(--color-primary);margin-top:30px;margin-bottom:15px;font-size:1.5rem}.privacy-policy-container h3{color:var(--text-color);margin-top:20px;margin-bottom:10px;font-size:1.2rem}.privacy-policy-container p{color:var(--text-color);margin-bottom:15px}.privacy-policy-container ul{color:var(--text-color);margin-bottom:15px;margin-left:20px}.privacy-policy-container li{color:var(--text-color);margin-bottom:5px}.privacy-policy-container strong{color:var(--text-color);font-weight:700}@media (max-width:768px){.privacy-policy-container{margin:10px;padding:15px}.privacy-policy-container h1{font-size:1.8rem}.privacy-policy-container h2{font-size:1.3rem}.privacy-policy-container h3{font-size:1.1rem}}@media (max-width:480px){.privacy-policy-container{margin:5px;padding:10px}.privacy-policy-container h1{font-size:1.5rem}.privacy-policy-container h2{font-size:1.2rem}.privacy-policy-container h3{font-size:1rem}}.privacy-policy-editor{background:var(--bg-color);max-width:1200px;color:var(--text-color);min-height:100vh;margin:0 auto;padding:20px}.privacy-policy-editor .page-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.privacy-policy-editor .page-header h1{color:var(--text-color);margin:0}.subsection-editor{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:15px;margin-left:20px;padding:15px}.subsection-editor h4{color:var(--text-color);margin:0 0 10px;font-size:14px}.privacy-editor-loading{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:50px;display:flex}.privacy-editor-loading p{color:var(--muted-text-color);font-size:16px}@media (max-width:768px){.privacy-policy-editor{padding:15px}.privacy-policy-editor .page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.header-actions{justify-content:space-between;width:100%}.section-editor{padding:15px}.subsection-editor{margin-left:10px;padding:12px}}@media (max-width:480px){.privacy-policy-editor{padding:10px}.section-editor{padding:12px}.subsection-editor{margin-left:5px;padding:10px}.form-group input,.form-group textarea{padding:10px}}.terms-of-service-container{font-family:var(--font-stack);color:var(--text-color);background-color:var(--surface-color);border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin:20px auto;padding:20px;line-height:1.7}.terms-of-service-container h1{color:var(--color-primary);margin-bottom:10px;font-size:2rem}.terms-of-service-container h2{color:var(--color-primary);margin-top:30px;margin-bottom:15px;font-size:1.5rem}.terms-of-service-container p{color:var(--text-color);margin-bottom:15px}.terms-of-service-container strong{color:var(--text-color);font-weight:700}.terms-loading,.terms-error{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;max-width:900px;margin:20px auto;padding:50px;display:flex}.terms-loading p,.terms-error p{color:var(--muted-text-color);margin-top:15px;font-size:16px}@media (max-width:768px){.terms-of-service-container{margin:10px;padding:15px}.terms-of-service-container h1{font-size:1.8rem}.terms-of-service-container h2{font-size:1.3rem}}@media (max-width:480px){.terms-of-service-container{margin:5px;padding:10px}.terms-of-service-container h1{font-size:1.5rem}.terms-of-service-container h2{font-size:1.2rem}}.terms-of-service-editor{background:var(--bg-color);max-width:1200px;color:var(--text-color);min-height:100vh;margin:0 auto;padding:20px}.terms-of-service-editor .page-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.terms-of-service-editor .page-header h1{color:var(--text-color);margin:0}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .1);outline:none}.section-editor{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:20px}.section-editor h3{color:var(--color-primary);margin:0 0 15px;font-size:16px}.terms-editor-loading{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:50px;display:flex}.terms-editor-loading p{color:var(--muted-text-color);font-size:16px}@media (max-width:768px){.terms-of-service-editor{padding:15px}.terms-of-service-editor .page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.header-actions{justify-content:space-between;width:100%}.section-editor{padding:15px}}@media (max-width:480px){.terms-of-service-editor{padding:10px}.section-editor{padding:12px}.form-group input,.form-group textarea{padding:10px}}.contact-info-editor{background:var(--bg-color);max-width:1200px;color:var(--text-color);min-height:100vh;margin:0 auto;padding:20px}.contact-info-editor .page-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.contact-info-editor .page-header h1{color:var(--text-color);margin:0}.status-message{border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 15px;font-weight:500;display:flex}.status-message.success{background-color:rgba(var(--color-success-rgb), .1);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb), .2)}.status-message.error{background-color:rgba(var(--color-danger-rgb), .1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb), .2)}.editor-content{flex-direction:column;gap:30px;display:flex}.settings-section{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:25px}.settings-section h2{color:var(--color-primary);align-items:center;gap:10px;margin:0 0 20px;font-size:18px;display:flex}.form-group label{color:var(--text-color);font-size:14px;font-weight:600}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.field-description{color:var(--muted-text-color);margin-top:4px;font-size:12px}.contact-editor-loading{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:50px;display:flex}.contact-editor-loading p{color:var(--muted-text-color);font-size:16px}@media (max-width:768px){.contact-info-editor{padding:15px}.contact-info-editor .page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.header-actions{justify-content:space-between;width:100%}.settings-section{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.contact-info-editor{padding:10px}.settings-section{padding:15px}.form-group input{padding:10px 12px}}:root{--page-bg:linear-gradient(135deg,#2b0d6e 0%, #4b197a 40%, #8b5cf6 100%);--bg-color:#110a1cb3;--primary-color:#7c3aed;--primary-hover-color:#5b21b6;--text-heading-color:#fff;--text-body-color:#fffffff2;--text-muted-color:#ffffffc7;--light-gray-bg:#ffffff08;--border-color:#ffffff0f;--success-color:#4ade80;--error-color:#ff6b6b}.beta-signup-container{background:var(--page-bg);color:var(--text-body-color);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}.main-content{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero-section{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000;border-bottom:1px solid #ffffff0a;padding:0}.hero-title{color:var(--text-heading-color);margin-bottom:1rem;font-size:2.8rem;font-weight:800;line-height:1.05}.hero-subtitle{max-width:720px;color:var(--text-muted-color);margin:0 auto 1.2rem;padding:0 1rem;font-size:1.05rem;font-weight:400}.hero-kick{background:linear-gradient(90deg,#fffffff2,#ffffffd9);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;border-radius:6px;padding:4px 8px;font-size:1.05em;font-weight:900;display:inline-block;box-shadow:0 6px 18px #7c3aed14}.cta-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .18s,transform .14s}.cta-button:hover{background-color:var(--primary-hover-color);transform:translateY(-3px)}.signup-section{padding:1rem 0}.signup-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;max-width:450px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #06041480}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-logo{color:#fff;background:linear-gradient(135deg, var(--primary-color), var(--primary-hover-color));border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.05rem;font-weight:800;display:flex;box-shadow:0 8px 20px #5c288d1f}.header-body h2{color:var(--text-heading-color);margin:0;font-size:1.25rem;font-weight:700}.header-sub{color:var(--text-muted-color);margin:2px 0 0;font-size:.9rem;font-weight:500}.header-badge{color:var(--text-heading-color);background:#ffffff0f;border:1px solid #ffffff08;border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:700}.submit-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;margin-top:.5rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;transition:background-color .18s,transform .14s,box-shadow .16s;box-shadow:0 10px 28px #5c288d1f}.submit-btn:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-3px);box-shadow:0 18px 40px #5c288d2e}.submit-btn:disabled{color:#ffffff80;cursor:not-allowed;box-shadow:none;background-color:#ffffff1f}.card-header h2{color:var(--text-heading-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.card-header p{color:var(--text-muted-color)}.signup-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text-body-color);margin-bottom:.5rem;font-size:.9rem;font-weight:500}.form-group input{border:1px solid var(--border-color);border-radius:.375rem;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 8px 28px #5c288d24}.error-message{color:#ffeef0;background-color:#ff4e4e14;border:1px solid #ff4e4e1f;border-radius:.5rem;padding:.75rem 1rem;font-size:.95rem}.success-message{text-align:center;padding:4rem 0}.success-icon{color:var(--success-color);margin-bottom:1rem;font-size:3.5rem}.success-title{color:var(--text-heading-color);margin-bottom:.5rem;font-size:2rem;font-weight:600}.success-message p{color:var(--text-muted-color);font-size:1.1rem}.whatsapp-btn{color:#fff!important;cursor:pointer!important;background-color:#25d366!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:8px!important;margin-top:1.5rem!important;padding:12px 24px!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important;display:flex!important;box-shadow:0 4px 12px #25d3664d!important}.whatsapp-btn:hover{background-color:#128c7e!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #25d36666!important}.whatsapp-btn:active{transform:translateY(0)!important}.site-footer{text-align:center;background-color:#05060d99;border-top:1px solid #ffffff0a;margin-top:4rem;padding:2.5rem 1.5rem}.footer-container{max-width:1100px;margin:0 auto}.footer-bottom p{color:var(--text-muted-color);margin:0;font-size:.9rem}.stats-section{padding:3.5rem 1rem}.stats-container{text-align:center;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;max-width:1100px;margin:0 auto;display:grid}.stat-item{background:linear-gradient(#2a053f 0%,#3b0a57 100%);border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 14px;display:flex;box-shadow:0 10px 30px #0f06288c}.stat-icon{color:#fff;background:linear-gradient(135deg,#6d28d9,#7c3aed);border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.15rem;display:flex;box-shadow:0 6px 18px #5c288d2e}.stat-number{color:#fff;font-size:1.6rem;font-weight:800}@media (max-width:900px){.stats-container{grid-template-columns:1fr}.stats-section{padding:2.25rem 1rem}}@media (max-width:768px){.hero-features{flex-direction:row;justify-content:center;align-items:center;gap:1rem;animation:1s ease-out .4s both fadeInUp;display:flex}.feature{color:var(--text-muted-color);background:#ffffff08;border-radius:10px;align-items:center;gap:.75rem;padding:.3rem .6rem;font-size:1rem;display:flex}.feature-icon{color:#fff;opacity:.95;flex-shrink:0;font-size:1.15rem}}.beta-testers-admin{background:var(--bg-color);max-width:1200px;color:var(--text-color);min-height:100vh;margin:0 auto;padding:20px}.page-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.header-content h1{color:var(--text-color);margin:0 0 5px;font-size:1.8rem}.header-actions{gap:10px;display:flex}.btn-secondary{background:var(--color-info);color:#fff;border:1px solid var(--color-info);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background:var(--color-info);opacity:.9}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border-color);padding:20px}.stat-number{color:var(--color-primary);margin-bottom:5px;font-size:2.5rem;font-weight:700}.stat-label{color:var(--muted-text-color);font-size:.9rem;font-weight:500}.filters-section{margin-bottom:20px}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:.9rem;transition:all .2s}.filter-btn:hover{background:var(--bg-color)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.testers-list{flex-direction:column;gap:15px;display:flex}.tester-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.tester-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tester-info{flex:1;align-items:center;gap:15px;display:flex}.tester-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}.tester-details h3{color:var(--text-color);margin:0 0 5px;font-size:1.1rem}.tester-meta{flex-direction:column;gap:3px;display:flex}.meta-item{color:var(--muted-text-color);align-items:center;gap:5px;font-size:.85rem;display:flex}.meta-item svg{font-size:.8rem}.tester-status{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.status-badge{color:#fff;text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.status-badge svg{font-size:.9rem}.status-actions{gap:8px;display:flex}.status-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.status-btn.invite{background:var(--color-success);color:#fff}.status-btn.invite:hover:not(:disabled){background:var(--color-success);opacity:.9}.status-btn.complete{background:var(--color-info);color:#fff}.status-btn.complete:hover:not(:disabled){background:var(--color-info);opacity:.9}.status-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn.whatsapp{color:#fff;background:#25d366;margin-left:8px}.status-btn.whatsapp:hover:not(:disabled){background:#128c7e;transform:translateY(-1px);box-shadow:0 2px 8px #25d3664d}.completed-text{color:var(--color-success);font-size:.8rem;font-weight:500}.empty-state{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:60px 20px}.empty-state svg{color:var(--muted-text-color);margin-bottom:15px;font-size:3rem}.empty-state p{color:var(--muted-text-color);margin:0}.beta-admin-loading{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:15px;max-width:400px;margin:20px auto;padding:50px;display:flex}.beta-admin-loading p{color:var(--muted-text-color);font-size:16px}@media (max-width:768px){.beta-testers-admin{padding:15px}.page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.header-actions{justify-content:space-between;width:100%}.stats-overview{grid-template-columns:repeat(2,1fr);gap:15px}.stat-number{font-size:2rem}.filter-buttons{justify-content:center}.tester-card{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.tester-info{width:100%}.tester-status{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.status-actions{flex-direction:column;gap:5px}}@media (max-width:480px){.stats-overview{grid-template-columns:1fr}.tester-meta{flex-flow:wrap;gap:8px}.meta-item{font-size:.8rem}}.message-editor-section{margin-bottom:30px}.message-editor-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.message-editor-card h3{color:var(--text-color);margin:0 0 8px;font-size:1.4rem}.message-editor-card p{color:var(--muted-text-color);margin:0 0 16px;font-size:.9rem}.message-editor-card code{color:var(--color-primary);background:#0000001a;border-radius:4px;padding:2px 6px;font-family:monospace}.message-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;margin-bottom:16px;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.5}.message-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .1);outline:none}.message-editor-actions{justify-content:flex-end;gap:12px;display:flex}.message-editor-actions .btn-primary{background:var(--color-success);color:#fff;border:1px solid var(--color-success);border-radius:var(--radius-md);cursor:pointer;padding:10px 20px;font-weight:500;transition:all .2s}.message-editor-actions .btn-primary:hover{background:var(--color-success);opacity:.9;transform:translateY(-1px)}.message-editor-actions .btn-secondary{color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:10px 20px;font-weight:500;transition:all .2s}.message-editor-actions .btn-secondary:hover{background:var(--border-color)}.phone-edit-container{align-items:center;gap:8px;width:100%;display:flex}.phone-edit-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-color);flex:1;min-width:120px;padding:4px 8px;font-size:.85rem}.phone-edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .1);outline:none}.phone-edit-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;transition:all .2s;display:flex}.phone-edit-btn.save{background:var(--color-success);color:#fff}.phone-edit-btn.save:hover:not(:disabled){background:var(--color-success);opacity:.9;transform:scale(1.1)}.phone-edit-btn.cancel{background:var(--color-danger);color:#fff}.phone-edit-btn.cancel:hover:not(:disabled){background:var(--color-danger);opacity:.9;transform:scale(1.1)}.phone-edit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.phone-display{align-items:center;gap:6px;display:flex}.phone-edit-trigger{color:var(--muted-text-color);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;transition:all .2s;display:flex}.phone-edit-trigger:hover{color:var(--text-color);background:#0000001a}*{box-sizing:border-box}.app-landing{color:#fff;background:#070303;flex-direction:column;align-items:center;gap:72px;min-height:100vh;padding:60px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-wrapper{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;max-width:760px;display:flex;position:relative}.brand-badge{color:#ff6b6b;letter-spacing:1px;text-transform:uppercase;background:#ff4d4f1f;border:1px solid #ff6b6b4d;border-radius:999px;margin-bottom:28px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-block}.hero-headline{letter-spacing:-1px;margin:0 0 20px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:900;line-height:1.07}.hero-highlight{color:#ff4d4f}.hero-suffix{color:#ffffffa6;letter-spacing:0;margin-top:6px;font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:600;display:block}.hero-desc{color:#ffffffb3;max-width:560px;margin:0 0 40px;font-size:1.1rem;line-height:1.75}.download-zone{-webkit-backdrop-filter:blur(2px);background:#00000054;border:1px solid #ff4d4f40;border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:36px 32px 32px;display:flex;position:relative}.download-label{text-transform:uppercase;letter-spacing:3px;color:#ff6b6b;align-items:center;gap:10px;margin:0 0 24px;font-size:12px;font-weight:800;display:flex}.download-arrow{font-size:15px;animation:1s ease-in-out infinite bounce-down}.store-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px;display:flex}.store-btn-wrapper{display:inline-block;position:relative}.store-btn{color:#fff;border-radius:20px;align-items:center;gap:16px;min-width:230px;padding:18px 28px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.store-btn svg{flex-shrink:0;font-size:32px}.store-btn div{flex-direction:column;line-height:1.1;display:flex}.store-btn small{opacity:.75;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.store-btn strong{font-size:20px;font-weight:800}.playstore{background:linear-gradient(135deg,#ff4d4f,#c81e1e);animation:2.2s ease-in-out infinite pulse-glow;box-shadow:0 14px 40px #ff4d4f73}.appstore{background:#ffffff12;border:1px solid #ffffff26}.store-btn:hover{transform:translateY(-5px)}.store-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:45%;height:100%;animation:3s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:0;transform:translate(-120%)}.appstore:after{animation-delay:1.5s}.pulse-ring{pointer-events:none;border:2px solid #ff4d4f99;border-radius:28px;animation:2s ease-out infinite ring-pulse;position:absolute;inset:-8px}.pulse-ring-2{animation-delay:.8s}.social-proof{color:#ffffff8c;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.proof-stat{align-items:center;gap:6px;display:flex}.proof-stat strong{color:#fff;font-weight:700}.proof-icon{color:#ff6b6b;font-size:14px}.proof-divider{opacity:.35;font-size:18px;line-height:1}.proof-loading{color:#ffffff59;font-size:13px}.phone-section{z-index:1;flex-direction:column;align-items:center;gap:32px;width:100%;display:flex;position:relative}.phone-slider-wrap{align-items:center;gap:16px;display:flex}.slider-arrow{color:#fff;cursor:pointer;background:#ffffff12;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:background .2s,transform .2s;display:flex}.slider-arrow:hover{background:#ff4d4f33;transform:scale(1.08)}.phone-frame{background:#101010;border-radius:36px;width:290px;padding:12px;box-shadow:0 30px 70px #00000080,0 0 0 1px #ffffff0d}.phone-notch{background:#000;border-radius:0 0 18px 18px;width:110px;height:24px;margin:0 auto 10px}.phone-screen{background:#1a1a1a;border-radius:26px;height:580px;position:relative;overflow:hidden}.app-screenshot{object-fit:cover;width:100%;height:100%;display:block}.slide-caption{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:460px;display:flex}.preview-badge{color:#ff6b6b;background:#ff4d4f1a;border:1px solid #ff4d4f38;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.slide-title{margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.slide-subtitle{color:#ffffffa6;margin:0;font-size:1rem;line-height:1.65}.preview-dots{gap:10px;margin-top:6px;display:flex}.dot{cursor:pointer;background:#fff3;border:none;border-radius:999px;width:10px;height:10px;transition:all .25s}.dot.active{background:#ff4d4f;width:28px}.bg-slideshow{z-index:0;position:absolute;inset:0}.bg-slide{opacity:0;will-change:opacity, transform;background-position:50%;background-size:cover;animation:21s ease-in-out infinite bg-fade,21s ease-in-out infinite bg-zoom;position:absolute;inset:0}.bg-slide-1{animation-delay:0s,0s}.bg-slide-2{animation-delay:7s,7s}.bg-slide-3{animation-delay:14s,14s}.bg-overlay{z-index:1;background:linear-gradient(#050101c7 0%,#050101a6 40%,#050101d9 100%),radial-gradient(#b4141414 0%,#0000 80%);position:absolute;inset:0}@keyframes bg-fade{0%{opacity:0}7%{opacity:1}57%{opacity:1}66.66%{opacity:0}to{opacity:0}}@keyframes bg-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes pulse-glow{0%,to{box-shadow:0 14px 40px #ff4d4f73}50%{box-shadow:0 18px 70px #ff4d4fd9,0 0 100px #ff4d4f4d}}@keyframes shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(300%)}}@keyframes ring-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:600px){.app-landing{gap:52px;padding:40px 16px 60px}.store-btn{min-width:unset;justify-content:center;width:100%}.store-buttons{flex-direction:column;align-items:center}.store-btn-wrapper{width:100%}.phone-frame{width:260px}.phone-screen{height:510px}.slider-arrow{width:40px;height:40px}.hero-headline{font-size:2.2rem}.download-zone{padding:28px 18px 24px}}:root{--bg-main:#0e0e0e;--bg-card:#363636eb;--bg-card-strong:#7a7a7a;--text-primary:#fafbff;--text-secondary:#b8bfc9;--text-muted:#f1f5fd;--border-soft:#b3bed814;--border-medium:#0f172a1f;--primary:#4f46e5;--primary-soft:#4f46e51a;--success-bg:#dcfce7;--success-text:#166534;--error-bg:#fee2e2;--error-text:#991b1b;--danger:#dc2626;--shadow-sm:0 8px 20px #0f172a0d;--shadow-md:0 16px 34px #0f172a14;--shadow-lg:0 24px 48px #0f172a1a;--radius-lg:20px;--radius-md:16px;--radius-sm:12px}.mobile-preview-settings{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 0 0,#6366f114,#0000 22%),linear-gradient(#4e5155 0%,#000 100%);padding:2rem}.mobile-preview-settings .page-header{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1240px;box-shadow:var(--shadow-sm);background:#272727c7;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 auto 1.5rem;padding:1.4rem 1.6rem;display:flex}.mobile-preview-settings .page-header h1{letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.75rem;line-height:1.1}.mobile-preview-settings .page-header p{color:var(--text-muted);max-width:680px;margin:0;font-size:.96rem;line-height:1.6}.mobile-preview-settings .header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mobile-preview-settings .status-message{border:1px solid #0000;border-radius:12px;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.92rem;font-weight:700;display:inline-flex}.mobile-preview-settings .status-message.success{background:var(--success-bg);color:var(--success-text);border-color:#1665341f}.mobile-preview-settings .status-message.error{background:var(--error-bg);color:var(--error-text);border-color:#991b1b1f}.mobile-preview-settings .settings-form{grid-template-columns:1fr;gap:1.5rem;max-width:1240px;margin:0 auto;display:grid}.settings-panel{background:var(--bg-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:1.4rem}.settings-panel h2{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.1rem}.settings-panel .section-desc{color:var(--text-muted);margin:0 0 1.25rem;font-size:.94rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid.single{grid-template-columns:1fr}.mobile-preview-settings .form-group{margin-bottom:0}.mobile-preview-settings label{color:var(--text-primary);margin-bottom:.45rem;font-size:.93rem;font-weight:700;display:block}.mobile-preview-settings input[type=text],.mobile-preview-settings input[type=url],.mobile-preview-settings select,.mobile-preview-settings textarea{border:1px solid var(--border-medium);width:100%;color:var(--text-primary);background:#fffffffa;border-radius:14px;padding:.84rem .95rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.mobile-preview-settings textarea{resize:vertical;min-height:110px;font-family:inherit}.mobile-preview-settings input[type=text]:focus,.mobile-preview-settings input[type=url]:focus,.mobile-preview-settings select:focus,.mobile-preview-settings textarea:focus{background:#fff;border-color:#4f46e580;outline:none;box-shadow:0 0 0 4px #4f46e51f}.mobile-preview-settings input::placeholder,.mobile-preview-settings textarea::placeholder{color:#9ca3af}.slides-section{margin-top:0}.slides-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.slides-header h2{margin:0;font-size:1.1rem}.slides-grid{grid-template-columns:1fr;gap:1.2rem;display:grid}.slide-card{border:1px solid var(--border-soft);background:var(--bg-card-strong);box-shadow:var(--shadow-sm);border-radius:20px;padding:1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s}.slide-card:hover{box-shadow:var(--shadow-md);border-color:#4f46e524;transform:translateY(-2px)}.slide-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.slide-title-wrap{align-items:center;gap:.75rem;display:flex}.slide-index-badge{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-size:.92rem;font-weight:800;display:inline-flex}.slide-card-header span{letter-spacing:-.01em;color:var(--text-primary);font-weight:800}.slide-card-header .remove-slide{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.45rem;font-size:1.15rem;transition:background .15s,transform .15s}.slide-card-header .remove-slide:hover{background:#dc262614;transform:scale(1.04)}.slide-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.slide-form-grid .full-width{grid-column:1/-1}.image-field{background:#4f46e508;border:1px dashed #4f46e540;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.8rem;display:flex}.image-field input[type=file]{background:0 0;border:none;padding:.45rem}.pending{color:var(--primary);background:#4f46e514;border-radius:999px;padding:.45rem .7rem;font-size:.9rem;font-weight:700}.preview-img{border:1px solid var(--border-soft);max-width:340px;box-shadow:var(--shadow-sm);background:#f8fafc;border-radius:16px;margin-top:.85rem;overflow:hidden}.preview-img img{object-fit:cover;width:100%;height:auto;display:block}.btn-primary{color:#fff;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;align-items:center;gap:.6rem;padding:.85rem 1.1rem;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 12px 26px #4f46e538}.btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:.5rem;padding:.82rem 1rem;font-weight:800;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#4f46e533;transform:translateY(-1px)}.settings-loading{text-align:center;min-height:100vh;color:var(--text-primary);background:linear-gradient(#f8fafc 0%,#f4f7fb 100%);place-items:center;display:grid}.settings-loading p{color:var(--text-muted);margin-top:.75rem}.form-note{color:var(--text-muted);margin-top:.4rem;font-size:.85rem}@media (max-width:900px){.mobile-preview-settings{padding:1rem}.form-grid,.slide-form-grid{grid-template-columns:1fr}.mobile-preview-settings .page-header{padding:1.15rem}}@media (max-width:560px){.mobile-preview-settings .page-header h1{font-size:1.35rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}.mobile-preview-settings .header-actions{width:100%}.slides-header{align-items:stretch}.preview-img{max-width:100%}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.seller-form-container{--seller-primary:#ff5722;--seller-accent:#ff9800;--seller-primary-rgb:255, 87, 34;--seller-accent-rgb:255, 152, 0;--seller-light:#ff57221a;--seller-gradient:linear-gradient(135deg, #ff5722, #ff9800);background:var(--bg-color);max-width:800px;color:var(--text-color);min-height:100vh;margin:0 auto;padding:1rem;animation:.4s ease-out fadeSlideUp}@media (min-width:768px){.seller-form-container{padding:2rem}}.form-header{text-align:center;background:var(--seller-gradient);border-radius:var(--radius-lg);color:#fff;margin-bottom:2rem;padding:1.5rem;animation:.5s ease-out .1s both fadeSlideDown;position:relative;overflow:hidden;box-shadow:0 8px 32px #ff57224d}.form-header:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.header-icon{opacity:.9;margin-bottom:1rem;font-size:2.5rem;animation:.6s ease-out .2s both popIn;display:inline-block}@media (min-width:768px){.form-header{margin-bottom:3rem;padding:2rem}.header-icon{font-size:3rem}.form-header h1{font-size:2.2rem}}.form-header h1{z-index:1;margin:0 0 .5rem;font-size:1.8rem;font-weight:700;position:relative}.form-header p{opacity:.9;z-index:1;margin:0;font-size:1rem;position:relative}.seller-form{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:1.5rem;animation:.5s ease-out .3s both fadeSlideUp;position:relative;overflow:hidden}.seller-form:before{content:"";background:var(--seller-gradient);height:4px;position:absolute;top:0;left:0;right:0}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem;animation:.4s ease-out both fadeSlideUp}.form-section:last-child{border-bottom:none;margin-bottom:1.5rem}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.2s}.form-section:nth-child(4){animation-delay:.3s}.form-section:nth-child(5){animation-delay:.4s}@media (min-width:768px){.seller-form{padding:2.5rem}.form-section{margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-child{margin-bottom:2rem}}.form-section h3{color:var(--text-color);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;display:flex;position:relative}.form-section h3:before{content:"";background:var(--seller-gradient);border-radius:2px;width:4px;height:20px;margin-right:.5rem}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (min-width:768px){.form-section h3{font-size:1.4rem}}.form-group{margin-bottom:1.5rem;animation:.4s ease-out both fadeSlideUp}.form-group label{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.form-group label svg{color:var(--seller-primary);flex-shrink:0}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);width:100%;color:var(--text-color);box-sizing:border-box;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--seller-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ff57221a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}@media (min-width:768px){.form-group{margin-bottom:2rem}.form-group input,.form-group textarea,.form-group select{padding:1rem 1.25rem}}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), .1);outline:none}.form-group textarea{resize:vertical;min-height:80px}.field-note{color:var(--muted-text-color);margin-top:.25rem;font-size:.875rem;font-style:italic;display:block}.image-upload-section{margin-top:1rem}.upload-btn{background:var(--color-info);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex}.upload-btn:hover{background:var(--color-info);opacity:.9;box-shadow:0 4px 12px rgba(var(--color-info-rgb), .3);transform:translateY(-1px)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem;display:grid}.image-preview{border-radius:var(--radius-md);border:2px solid var(--border-color);position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:120px;display:block}.remove-image{color:#fff;cursor:pointer;background:#dc2626e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.remove-image:hover{background:#dc2626;transform:scale(1.1)}.terms-section{background:rgba(var(--color-warning-rgb), .05);border:1px solid rgba(var(--color-warning-rgb), .2);border-radius:var(--radius-md);padding:1.5rem}.terms-content{margin-top:1rem}.terms-text p{color:var(--text-heading-color);margin:0 0 .5rem;font-weight:600}.terms-text ul{margin:0;padding-left:1.5rem}.terms-text li{color:var(--text-color);margin-bottom:.5rem;line-height:1.5}.checkbox-label{cursor:pointer;border-radius:var(--radius-md);background:#ffffff0d;border:2px solid #0000;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;font-weight:500;line-height:1.5;transition:all .3s;display:flex}.checkbox-label:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb), .05)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);margin-top:2px}.submit-btn{background:var(--seller-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;animation:.5s ease-out .5s both fadeSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ff57224d}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff572266}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff57224d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.submit-btn svg{animation:2s infinite pulse}@media (min-width:768px){.submit-btn{padding:1rem 2rem;font-size:1.2rem}}.success-animation{text-align:center;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4rem 2rem}.success-icon{color:var(--success-color);margin-bottom:1.5rem;font-size:4rem;animation:2s ease-in-out infinite successPulse}.success-title{color:var(--text-heading-color);margin:0 0 1rem;font-size:2rem;font-weight:700}.success-message{color:var(--text-color);margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.success-features{text-align:left;flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto;display:flex}.feature-item{background:rgba(var(--success-color-rgb), .1);border-radius:var(--radius-md);border-left:4px solid var(--success-color);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.feature-item svg{color:var(--success-color);flex-shrink:0}.submit-another-btn{background:var(--color-info);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:2rem;padding:.75rem 2rem;font-weight:500;transition:all .3s}.submit-another-btn:hover{background:var(--color-info);opacity:.9;transform:translateY(-1px)}.view-submissions-btn{background:var(--color-success);color:#fff;border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-top:1rem;margin-left:1rem;padding:.75rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.view-submissions-btn:hover{background:var(--color-success);opacity:.9;transform:translateY(-1px)}.error-message{background:rgba(var(--color-danger-rgb), .1);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem;font-weight:500}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:768px){.seller-form-container{padding:1rem}.form-header{margin-bottom:2rem;padding:1.5rem}.form-header h1{font-size:1.8rem}.seller-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.success-features{text-align:center}.feature-item{text-align:left}}@media (max-width:480px){.form-section h3{font-size:1.2rem}.success-title{font-size:1.6rem}.success-features{padding:0}}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--seller-primary);transform:scale(1.01);box-shadow:0 0 0 3px #ff57221a}.form-group textarea:focus{transform:scale(1.005)}@media (max-width:767px){.form-group input,.form-group textarea,.form-group select,.submit-btn{touch-action:manipulation;min-height:44px}.form-group input,.form-group select{font-size:16px}.submit-btn:active:not(:disabled){transform:scale(.98)}}.loading-overlay{border-radius:var(--radius-lg);z-index:10;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:4px solid #ff57221a;border-left:4px solid var(--seller-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.success-message{color:#fff;border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#4caf50,#45a049);margin-top:1rem;padding:1rem;animation:.5s ease-out slideDown;box-shadow:0 4px 16px #4caf504d}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logout-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;z-index:2;background:0 0;border:1px solid #ffffffb3;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex;position:absolute;top:1rem;right:1rem}.logout-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.logout-btn svg{width:16px;height:16px}@media (min-width:768px){.logout-btn{top:1.5rem;right:1.5rem}}.manage-seller-submissions{background:var(--bg-color);min-height:100%;padding:1.25rem 2rem;animation:.25s ease-out both fadeSlideUp}.visit-form-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.visit-form-btn:hover{box-shadow:0 6px 16px rgba(var(--color-primary-rgb), .3);background:var(--color-primary-accent);transform:translateY(-2px)}.submission-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s;animation:.3s ease-out both popIn;overflow:hidden}.submission-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.action-btn.approve{color:#fff;background:#10b981;border:2px solid #10b981}.action-btn.reject{color:#fff;background:#ef4444;border:2px solid #ef4444}.action-btn.delete{color:#fff;background:#ef4444;border:2px solid #ef4444}.action-btn.convert{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.action-btn.convert:hover:not(:disabled){background:var(--color-primary-accent);border-color:var(--color-primary-accent);transform:scale(1.1)}.images-preview img{object-fit:cover;cursor:pointer;border-radius:6px;width:60px;height:60px;transition:transform .3s}.more-images{color:#6b7280;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;font-size:.875rem;font-weight:500;display:flex}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.seller-info strong{color:#1f2937;font-weight:600}.seller-info span{color:#6b7280;font-size:.875rem}.loading-indicator{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.loading-indicator svg{animation:1s linear infinite spin}.empty-state svg{opacity:.5;margin-bottom:1rem;font-size:3rem}@media (max-width:768px){.manage-seller-submissions{padding:1rem}.header-section{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-box{max-width:none}.submissions-grid{grid-template-columns:1fr}.content-row{flex-direction:column;gap:.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions{align-self:flex-end}.card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.visit-form-btn{justify-content:center;width:100%}.card-actions{justify-content:space-around;width:100%}.action-btn{flex:1}}.manage-sellers{background:var(--bg-color);min-height:100%;padding:1.25rem 2rem;animation:.25s ease-out both fadeSlideUp}.access-denied{text-align:center;padding:4rem 2rem;animation:.3s ease-out both popIn}.access-denied h2{color:var(--color-danger);margin-bottom:1rem}.access-denied p{color:var(--muted-text-color);font-size:1.1rem}.header-section{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;animation:.25s ease-out both fadeSlideDown;display:flex}.header-content h1{color:var(--text-color);margin:0 0 .5rem;font-size:2rem;font-weight:700}.header-content p{color:var(--muted-text-color);margin:0;font-size:1rem}.filters-section{align-items:center;gap:1rem;margin-bottom:2rem;animation:.25s ease-out .1s both fadeSlideDown;display:flex}.search-box input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);width:100%;color:var(--text-color);padding:.75rem 1rem .75rem 2.5rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.filter-select select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);cursor:pointer;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.sellers-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;animation:.25s ease-out .2s both fadeSlideUp;display:grid}.seller-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s;animation:.3s ease-out both popIn;overflow:hidden}.seller-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.seller-info{flex:1;align-items:center;gap:1rem;display:flex}.seller-icon{width:40px;height:40px;color:var(--color-primary);background:rgba(var(--color-primary-rgb), .1);border-radius:var(--radius-md);padding:8px}.seller-info h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.seller-details{flex-direction:column;gap:.25rem;display:flex}.phone{color:var(--muted-text-color);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.status-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.status-badge .status-icon{width:16px;height:16px}.content-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.content-row:last-child{border-bottom:none}.label{color:var(--muted-text-color);font-weight:500}.value{color:var(--text-color)}.card-actions{background:rgba(var(--bg-color-rgb), .5);border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.action-btn svg{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.action-btn.approve{background:var(--color-success);color:#fff;border:2px solid var(--color-success)}.action-btn.approve:hover:not(:disabled){background:#059669;border-color:#059669;transform:scale(1.1)}.action-btn.reject{background:var(--color-danger);color:#fff;border:2px solid var(--color-danger)}.action-btn.reject:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:scale(1.1)}.action-btn.delete{background:var(--color-danger);color:#fff;border:2px solid var(--color-danger)}.action-btn.delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:scale(1.1)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:var(--muted-text-color)!important;border-color:var(--muted-text-color)!important;color:var(--surface-color)!important}.spin{animation:1s linear infinite spin}.loading-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;padding:3rem;animation:.3s ease-out both popIn;display:flex}.loading-card svg{width:32px;height:32px;color:var(--color-primary);margin-bottom:1rem}.empty-state{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:center;color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;padding:3rem;animation:.3s ease-out both popIn;display:flex}.empty-icon{opacity:.5;width:48px;height:48px;color:var(--muted-text-color);margin-bottom:1rem}.empty-state h3{color:var(--text-color);margin:0 0 .5rem}.empty-state p{margin:0}@media (max-width:768px){.manage-sellers{padding:1rem}.header-section{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-box{max-width:none}.sellers-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions{justify-content:space-around}.action-btn{flex:1}}.auto-approve-toggle{align-items:center;gap:12px;margin-left:auto;display:flex}.toggle-label{color:#374151;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.toggle-switch{width:48px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--color-primary)}input:focus-visible+.slider{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .2)}input:checked+.slider:before{transform:translate(24px)}input:disabled+.slider{cursor:not-allowed;background-color:#e5e7eb}.spin-small{width:20px;height:20px;color:var(--color-primary);animation:1s linear infinite spin}.logout-container{border-top:1px solid var(--border-color);justify-content:center;margin-top:1rem;padding:2rem 0;display:flex}.logout-button-small{border:1px solid var(--muted-text-color);color:var(--muted-text-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.logout-button-small:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.seller-dashboard-page{padding:1rem 2rem}.approval-status{border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.approval-status.approved{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.approval-status.rejected{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.approval-status.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.approval-status .status-icon{align-items:center;display:flex}.approval-status .status-icon svg{width:16px;height:16px}.approval-required{color:#f59e0b;border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b33;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.pending-icon{width:20px;height:20px}.filter-select select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);min-width:150px;padding:.75rem 1rem;font-size:1rem}.filter-select select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.submission-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s;overflow:hidden}.submission-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.card-header{background:linear-gradient(135deg, rgba(var(--bg-color-rgb), .8), rgba(var(--surface-color-rgb), .9));border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.product-info h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.seller-info{color:var(--muted-text-color);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.status-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-badge .status-icon{font-size:1rem}.status-badge .status-icon.pending{color:var(--color-warning)}.status-badge .status-icon.approved{color:var(--color-success)}.status-badge .status-icon.rejected{color:var(--color-danger)}.card-actions{gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .3s;display:flex}.action-btn.approve{color:#10b981;background:#dcfce7}.action-btn.approve:hover{background:#bbf7d0;transform:scale(1.1)}.action-btn.reject{color:#ef4444;background:#fef2f2}.action-btn.reject:hover{background:#fecaca;transform:scale(1.1)}.action-btn.delete{color:#ef4444;background:#fef2f2}.action-btn.delete:hover{background:#fecaca;transform:scale(1.1)}.action-btn.edit{color:#3b82f6;background:#dbeafe}.action-btn.edit:hover{background:#bfdbfe;transform:scale(1.1)}.card-content{padding:1.5rem}.content-row{gap:1rem;margin-bottom:1rem;display:flex}.content-row:last-child{margin-bottom:0}.info-item{color:var(--muted-text-color);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.info-item svg{color:var(--muted-text-color);flex-shrink:0}.images-preview{border-top:1px solid var(--border-color);gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.images-preview img{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:60px;height:60px;transition:transform .3s}.images-preview img:hover{transform:scale(1.1)}.more-images{background:var(--bg-color);border-radius:var(--radius-sm);width:60px;height:60px;color:var(--muted-text-color);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.card-footer{background:var(--bg-color);border-top:1px solid var(--border-color);padding:1rem 1.5rem}.submission-date{color:var(--muted-text-color);font-size:.875rem}.approved-notice{background:rgba(var(--color-success-rgb), .1);border:1px solid rgba(var(--color-success-rgb), .2);border-radius:var(--radius-sm);color:var(--color-success);margin-top:.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.rejected-notice{background:rgba(var(--color-danger-rgb), .1);border:1px solid rgba(var(--color-danger-rgb), .2);border-radius:var(--radius-sm);color:var(--color-danger);margin-top:.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.loading-state{color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state svg{color:var(--color-primary);margin-bottom:1rem;font-size:3rem;animation:1s linear infinite spin}.empty-state svg{opacity:.5;color:var(--muted-text-color);margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.empty-state p{margin:0 0 2rem;font-size:1rem}.empty-state .btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.empty-state .btn-primary:hover{background:var(--color-primary-accent);transform:translateY(-1px)}.dashboard-footer{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color);margin-top:3rem;padding:2rem}.dashboard-footer p{color:var(--muted-text-color);margin:0 0 1rem}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.phone-prompt{background:var(--surface-color);border-radius:var(--radius-lg);max-width:500px;box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color);margin:4rem auto;padding:2rem}.prompt-header{margin-bottom:1.5rem}.prompt-header svg{color:var(--color-primary);margin-bottom:1rem;font-size:3rem}.prompt-header h2{color:var(--text-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.phone-prompt p{color:var(--muted-text-color);margin:0 0 2rem;line-height:1.5}.phone-prompt form{flex-direction:column;gap:1rem;display:flex}.phone-prompt input{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;background:var(--surface-color);color:var(--text-color);padding:.75rem 1rem;font-size:1rem}.phone-prompt input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 2rem;font-weight:500;transition:all .3s}.prompt-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.link{color:#7c3aed;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.link:hover{color:#6d28d9}.forgot-password{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;font-size:.9rem;text-decoration:underline}.forgot-password:hover{color:var(--color-primary-accent)}.contact-info{background:var(--bg-color);border-radius:var(--radius-md);text-align:left;margin:1rem 0;padding:1.5rem}.contact-info p{color:var(--text-color);margin:.5rem 0}.contact-info strong{color:var(--color-primary)}@media (max-width:768px){.seller-dashboard-container{padding:1rem}.dashboard-header{text-align:center;flex-direction:column;gap:1rem}.dashboard-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.submissions-grid{grid-template-columns:1fr}.content-row{flex-direction:column;gap:.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions{align-self:flex-end}.phone-prompt{margin:2rem 1rem;padding:1.5rem}}:root{--seller-primary:#ff5722;--seller-accent:#ff9800;--seller-secondary:#2196f3;--seller-dark:#1565c0;--seller-light:#e3f2fd;--seller-gradient:linear-gradient(135deg, #ff5722 0%, #ff9800 50%, #2196f3 100%);--seller-gradient-soft:linear-gradient(135deg, #ff57221a 0%, #ff98001a 50%, #2196f31a 100%);--seller-gradient-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--seller-card-bg:linear-gradient(135deg, #fffffff2 0%, #ffffffe6 100%);--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-muted:#718096;--shadow-soft:0 4px 20px #00000014;--shadow-medium:0 8px 32px #0000001f;--shadow-strong:0 20px 60px #00000026;--border-radius:16px;--border-radius-lg:24px}.seller-welcome-page{background:var(--seller-gradient-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.seller-welcome-page:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 80%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0%,#0000 50%);animation:20s ease-in-out infinite backgroundFloat;position:fixed;inset:0}@keyframes backgroundFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(5px)rotate(-1deg)}}.welcome-hero{background:var(--seller-gradient);text-align:center;color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;min-height:80vh;padding:4rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.welcome-hero:before{content:"";background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff0d 0%,#0000 50%);animation:8s ease-in-out infinite alternate heroGlow;position:absolute;inset:0}@keyframes heroGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.hero-background{position:absolute;inset:0;overflow:hidden}.hero-shapes{margin-bottom:2rem;position:absolute;inset:0}.shape{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.shape-1{width:300px;height:300px;animation-delay:0s;top:5%;left:-8%}.shape-2{width:200px;height:200px;animation-delay:3s;top:70%;right:-5%}.shape-3{width:150px;height:150px;animation-delay:6s;bottom:10%;left:60%}@keyframes float{0%,to{opacity:.08;transform:translateY(0)rotate(0)scale(1)}50%{opacity:.12;transform:translateY(-20px)rotate(180deg)scale(1.1)}}.hero-content{z-index:2;max-width:800px;margin:0 auto;animation:1.2s cubic-bezier(.25,.46,.45,.94) heroSlideUp;position:relative}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-logo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:3rem;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) logoBounce;display:inline-flex;position:relative;box-shadow:0 8px 32px #0000001a}.hero-logo img{object-fit:cover;filter:drop-shadow(0 4px 8px #0000001a);border-radius:50%;width:70px;height:70px}.logo-glow{background:var(--seller-gradient);opacity:.2;filter:blur(8px);border-radius:50%;animation:3s ease-in-out infinite logoPulse;position:absolute;inset:-10px}@keyframes logoBounce{0%{opacity:0;transform:scale(.3)rotate(-180deg)}60%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes logoPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.hero-title{margin-bottom:2rem}.hero-title-main{color:#fff;letter-spacing:-.02em;margin-bottom:0;font-size:4.5rem;font-weight:800;line-height:1.1;animation:2s ease-out titleGlow;display:block}.hero-title-sub{opacity:1;color:#181818;letter-spacing:-.01em;font-size:6rem;font-weight:700;display:block}@keyframes titleGlow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{opacity:1;color:#fff;max-width:600px;margin:0 auto 0;font-size:1.25rem;font-weight:400;line-height:1.2}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;display:flex}.stat{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);opacity:0;background:#000000a2;border:1px solid #fff3;min-width:140px;padding:1.3rem 1.7em;transition:all .3s;animation:1s ease-out forwards statSlideIn;box-shadow:0 8px 32px #0000001a}.stat:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat:first-child{animation-delay:.8s}.stat:nth-child(2){animation-delay:1s}.stat:nth-child(3){animation-delay:1.2s}@keyframes statSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-number{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:900;display:block}.stat-label{opacity:1;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:600}.welcome-content{z-index:3;max-width:1200px;margin:-2rem auto 0;padding:0 1rem 4rem;position:relative}.shop-setup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);background:#000000b3;border:1px solid #fff3;margin-bottom:4rem;padding:3rem 2rem;transition:all .3s;animation:1.2s cubic-bezier(.25,.46,.45,.94) slideIn;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014,inset 0 1px #ffffff1a}.shop-setup-card:hover{transform:translateY(-4px);box-shadow:0 32px 64px #00000026,0 16px 32px #0000001f,inset 0 1px #ffffff4d}.shop-setup-card:before{content:"";background:var(--seller-gradient);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;height:6px;position:absolute;top:0;left:0;right:0}.shop-setup-card:after{content:"";background:var(--seller-gradient-soft);opacity:.05;border-radius:var(--border-radius-lg);z-index:-1;position:absolute;inset:-50%}.card-header{text-align:center;margin-bottom:3rem}.card-icon{background:linear-gradient(135deg, var(--seller-primary) 0%, var(--seller-secondary) 100%);color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 1.5rem;font-size:2.2rem;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) .3s both iconBounce;display:flex;position:relative;box-shadow:0 12px 24px #ff57224d,0 4px 8px #ff572233,inset 0 2px 4px #ffffff1a}.card-icon:before{content:"";background:var(--seller-gradient);opacity:.3;filter:blur(8px);border-radius:50%;animation:2s ease-in-out infinite alternate iconGlow;position:absolute;inset:-4px}@keyframes iconBounce{0%{opacity:0;transform:scale(.3)rotate(-180deg)}60%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes iconGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}.card-header h2{color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.card-header p{color:#ffffffe6;max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.shop-form{max-width:500px;margin:0 auto}.form-group label{color:#fff;letter-spacing:-.01em;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.form-group input{border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;outline:none;width:100%;min-height:56px;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014,inset 0 1px 2px #ffffff1a}.form-group input::placeholder{color:#fff9;opacity:.7}.form-group input:focus{border-color:var(--seller-primary);background:#ffffff26;transform:translateY(-1px);box-shadow:0 0 0 3px #ff572226,0 8px 24px #0000001f,inset 0 1px 2px #fff3}.form-group input:hover:not(:focus){background:#ffffff1f;border-color:#ff572266}.input-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.form-group small{color:#fffc;font-size:.95rem;font-weight:500}.input-check{color:#4caf50;font-size:1.4rem;animation:.6s ease-out checkPulse}@keyframes checkPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.btn-primary{background:var(--seller-gradient);color:#fff;border-radius:var(--border-radius);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.btn-primary:after{content:"";background:var(--seller-gradient);opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 48px #ff572266,0 8px 24px #ff57224d,inset 0 1px 2px #fff3}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled):after{opacity:.1}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff57224d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #0000001a}.benefits-section{margin-bottom:5rem}.benefits-section h2{text-align:center;color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 3rem;font-size:2.5rem;font-weight:800}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.benefit-item{background:var(--seller-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);opacity:0;border:1px solid #fff3;align-items:center;gap:1.5rem;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.25,.46,.45,.94) forwards benefitSlideIn;display:flex;position:relative;overflow:hidden}.benefit-item:before{content:"";background:var(--seller-gradient-soft);opacity:0;transition:opacity .3s;position:absolute;inset:0}.benefit-item:first-child{animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:nth-child(4){animation-delay:.4s}@keyframes benefitSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.benefit-item:hover{box-shadow:var(--shadow-strong);border-color:#ff57224d;transform:translateY(-8px)}.benefit-item:hover:before{opacity:.1}.benefit-icon{border-radius:var(--border-radius);background:var(--seller-gradient);color:#fff;z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;position:relative;box-shadow:0 8px 24px #ff57224d}.benefit-icon:after{content:"";background:var(--seller-gradient);border-radius:var(--border-radius);opacity:.2;filter:blur(6px);z-index:-1;position:absolute;inset:-3px}.benefit-text{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:600;line-height:1.5}.features-section{margin-bottom:5rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2.8rem;font-weight:800;line-height:1.2}.section-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.2rem;font-weight:500;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.feature-card{background:var(--seller-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);opacity:0;border:1px solid #fff3;padding:3rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards featureSlideIn;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--seller-gradient);height:6px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:after{content:"";background:var(--seller-gradient-soft);opacity:0;border-radius:var(--border-radius-lg);z-index:-1;transition:opacity .4s;position:absolute;inset:-50%}.feature-card:first-child{animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.6s}@keyframes featureSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:.08}.feature-card:hover{box-shadow:var(--shadow-strong);border-color:#ff57224d;transform:translateY(-12px)}.feature-icon{border-radius:var(--border-radius);color:#fff;background:var(--seller-gradient);z-index:2;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 2rem;font-size:1.8rem;display:flex;position:relative;box-shadow:0 12px 32px #ff572266}.feature-icon:after{content:"";border-radius:var(--border-radius);background:var(--seller-gradient);opacity:.3;filter:blur(8px);z-index:-1;position:absolute;inset:-4px}.feature-card h3{color:var(--text-primary);text-align:center;letter-spacing:-.01em;margin:0 0 1.5rem;font-size:1.4rem;font-weight:700}.feature-card p{color:var(--text-secondary);text-align:center;margin:0 0 2rem;font-size:1.05rem;font-weight:500;line-height:1.7}.feature-arrow{background:var(--seller-gradient);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:1.5rem;right:1.5rem;transform:scale(.8)rotate(-45deg);box-shadow:0 8px 24px #ff57224d}.feature-card:hover .feature-arrow{opacity:1;transform:scale(1)rotate(0)}.steps-section{margin-bottom:5rem}.steps-container{justify-content:center;gap:3rem;max-width:1000px;margin:0 auto;display:flex;position:relative}.step{opacity:0;flex:1;align-items:flex-start;gap:1.5rem;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards stepSlideIn;display:flex;position:relative}.step:first-child{animation-delay:.8s}.step:nth-child(2){animation-delay:1s}.step:nth-child(3){animation-delay:1.2s}@keyframes stepSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.step-connector{background:var(--seller-gradient);opacity:.4;border-radius:2px;width:calc(100% - 3rem);height:3px;position:absolute;top:32px;left:calc(100% + 1.5rem);box-shadow:0 2px 8px #ff572233}.step-number{background:var(--seller-gradient);color:#fff;z-index:2;border:3px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:flex;position:relative;box-shadow:0 8px 24px #ff572266}.step-number:after{content:"";background:var(--seller-gradient);opacity:.2;filter:blur(6px);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.step-content{background:var(--seller-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid #fff3;margin-top:-8px;padding:2rem 1.5rem;transition:all .3s}.step-content:hover{box-shadow:var(--shadow-strong);border-color:#ff57224d;transform:translateY(-4px)}.step-content h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.3rem;font-weight:700}.step-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;font-weight:500;line-height:1.6}.cta-section{background:var(--seller-gradient);border-radius:var(--border-radius-lg);text-align:center;color:#fff;margin-bottom:2rem;padding:4rem 3rem;animation:1.5s cubic-bezier(.25,.46,.45,.94) ctaZoomIn;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff14 0%,#0000 50%),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"cta-pattern\" width=\"25\" height=\"25\" patternUnits=\"userSpaceOnUse\"><circle cx=\"12.5\" cy=\"12.5\" r=\"1.5\" fill=\"rgba(255,255,255,0.08)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23cta-pattern)\"/></svg>");animation:12s ease-in-out infinite alternate ctaGlow;position:absolute;inset:0}@keyframes ctaZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ctaGlow{0%{opacity:.6}to{opacity:.9}}.cta-content{z-index:2;position:relative}.cta-icon{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 2rem;font-size:2.5rem;animation:4s ease-in-out infinite iconFloat;display:flex;box-shadow:0 12px 32px #0003}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-content h2{color:#fff;letter-spacing:-.02em;margin:0 0 1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.cta-content p{opacity:1;color:#fff;max-width:700px;margin:0 auto 3rem;font-size:1.25rem;font-weight:500;line-height:1.6}.cta-features{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-bottom:3rem;display:flex}.cta-feature{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 24px #0000001a}.cta-feature:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 12px 32px #00000026}@media (max-width:768px){.welcome-hero{min-height:60vh;padding:3rem 1rem 4rem}.hero-title-main{font-size:2rem}.hero-title-sub{font-size:1.5rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:1.5rem}.welcome-content{margin-top:-1rem;padding:0 1rem 3rem}.shop-setup-card{margin-bottom:2rem;padding:1.5rem;box-shadow:0 16px 32px #0000001a,0 6px 12px #00000014,inset 0 1px #ffffff1a}.card-header h2{font-size:1.8rem}.card-header p{font-size:1rem}.card-icon{width:80px;height:80px;font-size:2rem}.benefits-grid{grid-template-columns:1fr;gap:1rem}.benefit-item{padding:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.steps-container{flex-direction:column;gap:1.5rem}.step{text-align:center;align-items:center}.step-connector{display:none}.cta-section{padding:2rem 1.5rem}.cta-content h2{font-size:2rem}.cta-features{flex-direction:column;gap:1rem}.section-header h2{font-size:2rem}}@media (max-width:480px){.welcome-hero{padding:2rem 1rem 3rem}.hero-logo{width:80px;height:80px}.hero-logo img{width:50px;height:50px}.hero-title-main{font-size:3rem}.hero-title-sub{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}.stat-number{font-size:1.5rem}.shop-setup-card{padding:1.25rem;box-shadow:0 12px 24px #0000001a,0 4px 8px #00000014,inset 0 1px #ffffff1a}.card-header h2{font-size:1.6rem}.card-header p{font-size:.95rem}.card-icon{width:75px;height:75px;font-size:1.8rem}.form-group input{padding:.875rem 1rem;font-size:16px}.btn-primary{padding:.875rem 1.5rem;font-size:1rem}.benefits-section h2{font-size:1.5rem}.section-header h2{font-size:1.8rem}.feature-card h3{font-size:1.1rem}.step-number{width:40px;height:40px;font-size:1rem}.cta-content h2{font-size:1.8rem}.cta-icon{width:60px;height:60px;font-size:1.5rem}}@media (hover:none) and (pointer:coarse){.feature-card:hover,.benefit-item:hover,.btn-primary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled){transform:scale(.98)}}.url-manager-page{padding:1rem 2rem}.page-header .subtle{color:var(--muted-text-color);font-size:1rem;font-weight:400}.url-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-card svg{color:var(--color-primary);background:rgba(var(--color-primary-rgb), .1);border-radius:var(--radius-md);padding:.5rem;font-size:2rem}.stat-info{flex-direction:column;display:flex}.stat-number{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--muted-text-color);margin-top:.25rem;font-size:.875rem;font-weight:500}.url-categories{flex-direction:column;gap:3rem;display:flex}.category-section{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden}.category-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);color:#fff;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.category-header svg{font-size:1.5rem}.category-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:600}.route-count{background:#fff3;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.routes-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;padding:2rem;display:grid}.route-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.route-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.route-info h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.route-info p{color:var(--muted-text-color);margin:0 0 1rem;font-size:.9rem;line-height:1.4}.route-path{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-primary);word-break:break-all;padding:.5rem .75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;display:inline-block}.route-actions{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.copy-btn{background:var(--color-info);color:#fff}.copy-btn:hover{background:#0dcaf0;transform:translateY(-1px)}.copy-path-btn{background:var(--color-warning);color:#fff}.copy-path-btn:hover{background:#fd7e14;transform:translateY(-1px)}.visit-btn{background:var(--color-success);color:#fff}.visit-btn:hover{background:#198754;transform:translateY(-1px)}.action-btn svg{font-size:1rem}.url-info{margin-top:3rem}.info-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:2rem}.info-card h3{color:var(--text-color);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;display:flex}.info-card ul{margin:0;padding-left:1.5rem}.info-card li{color:var(--text-color);margin-bottom:.75rem;line-height:1.5}.info-card li:last-child{margin-bottom:0}.info-card strong{color:var(--text-color)}@media (max-width:768px){.url-manager-page{padding:1rem}.url-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.routes-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.route-card{padding:1rem}.route-actions{flex-direction:column}.action-btn{justify-content:center}.category-header{padding:1rem 1.5rem}.category-header h2{font-size:1.25rem}}@media (max-width:480px){.url-stats{grid-template-columns:1fr}.route-actions{gap:.5rem}.action-btn{padding:.5rem .75rem;font-size:.8rem}}.manage-accounts-page{padding:1rem 2rem}.page-header h1{align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;display:flex}.page-header p{color:var(--muted-text-color);margin:.25rem 0 0;font-size:.9rem}.dashboard-controls{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-box svg{color:var(--muted-text-color);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-box input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);width:100%;color:var(--text-color);padding:.75rem 1rem .75rem 2.5rem;font-size:1rem}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.accounts-table-container{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.accounts-table{border-collapse:collapse;width:100%}.accounts-table th,.accounts-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-color);padding:1rem}.accounts-table th{background:var(--bg-color);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.accounts-table tbody tr:hover{background:var(--bg-color)}.action-buttons{gap:.5rem;display:flex}.btn-icon{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.btn-icon.edit{background:var(--color-info);color:#fff}.btn-icon.edit:hover{background:#0dcaf0}.btn-icon.reset{background:var(--color-warning);color:#fff}.btn-icon.reset:hover{background:#ffc107}.btn-icon.delete{background:var(--color-danger);color:#fff}.btn-icon.delete:hover{background:#dc3545}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-accent);transform:translateY(-1px)}.btn-secondary{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background:var(--bg-color)}.modal{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header h2{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:600}.close-btn{cursor:pointer;color:var(--muted-text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;transition:all .3s;display:flex}.close-btn:hover{background:var(--bg-color);color:var(--text-color)}.modal form{padding:1.5rem}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);width:100%;color:var(--text-color);padding:.75rem;font-size:1rem}.form-group input:disabled{background:var(--bg-color);cursor:not-allowed}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.loading{text-align:center;color:var(--muted-text-color);padding:4rem;font-size:1.1rem}@media (max-width:768px){.manage-accounts-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.accounts-table-container{overflow-x:auto}.accounts-table{min-width:600px}.action-buttons{flex-direction:column;gap:.25rem}.modal{width:calc(100% - 2rem);margin:1rem}.modal-actions{flex-direction:column}}.seller-account-creation-page{background:linear-gradient(135deg, var(--bg-color) 0%, rgba(var(--color-primary-rgb), .05) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.account-creation-container{background:var(--surface-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:2.5rem}.creation-header{text-align:center;margin-bottom:2rem}.creation-header h1{color:var(--text-color);margin:0 0 .5rem;font-size:2rem;font-weight:700}.creation-header p{color:var(--muted-text-color);margin:.25rem 0;font-size:1rem}.creation-header p strong{color:var(--color-primary)}.account-form{flex-direction:column;gap:1.5rem;display:flex}.btn-create-account{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.btn-create-account:hover:not(:disabled){background:var(--color-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-create-account:disabled{opacity:.6;cursor:not-allowed;transform:none}.creation-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.creation-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.creation-footer a:hover{text-decoration:underline}@media (max-width:768px){.seller-account-creation-page{padding:1rem}.account-creation-container{padding:2rem 1.5rem}.creation-header h1{font-size:1.75rem}.header-icon{width:70px;height:70px;font-size:1.75rem}}@media (max-width:480px){.creation-header h1{font-size:1.5rem}.account-creation-container{padding:1.5rem 1rem}}.seller-login-page{background:linear-gradient(135deg, var(--bg-color) 0%, rgba(var(--color-primary-rgb), .05) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{background:var(--surface-color);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.header-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-accent));color:#fff;width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.login-header h1{color:var(--text-color);margin:0 0 .5rem;font-size:2rem;font-weight:700}.login-header p{color:var(--muted-text-color);margin:0;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{color:var(--text-color);align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.form-group input{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);padding:1rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.btn-login{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.btn-login:hover:not(:disabled){background:var(--color-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.login-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.seller-login-page{padding:1rem}.login-container{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.header-icon{width:70px;height:70px;font-size:1.75rem}}@media (max-width:480px){.login-header h1{font-size:1.5rem}.login-container{padding:1.5rem 1rem}}.notification-management{max-width:1100px;color:var(--text-color);margin:0 auto;padding:1.5rem}.notification-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.notification-header h1{margin:0;font-size:1.5rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.btn{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--surface-color);color:var(--text-color);padding:.5rem .9rem;font-size:.95rem;transition:box-shadow .15s,transform .12s}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-accent));color:#fff;border:1px solid rgba(var(--color-primary-rgb), .15)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{border-radius:var(--radius-md);color:var(--muted-text-color);background:0 0;border:1px solid #0000;padding:.5rem .9rem}.tab.active{background:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}.alert{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.alert-success{background:rgba(var(--color-success-rgb),.08);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.12)}.alert-error{background:rgba(var(--color-danger-rgb),.08);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.12)}.alert-info{background:rgba(var(--color-info-rgb),.06);color:var(--color-info);border:1px solid rgba(var(--color-info-rgb),.12)}.alert-close{cursor:pointer;color:inherit;background:0 0;border:none;font-size:1.1rem}.notification-form{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.25rem}.form-section{margin-bottom:1rem}.form-section h3{color:var(--muted-text-color);margin:0 0 .5rem;font-size:1rem}.form-group{margin-bottom:.75rem}.form-group label{color:var(--text-color);margin-bottom:.25rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-color);padding:.6rem .75rem}.form-control:focus{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.06);border-color:var(--color-primary);outline:none}.form-help-text{color:var(--muted-text-color);margin-top:.25rem;font-size:.85rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.recipient-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.recipient-option{border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;cursor:pointer;background:0 0;padding:.6rem}.recipient-option.active{background:linear-gradient(135deg, rgba(var(--color-primary-rgb),.06), rgba(var(--color-primary-accent-rgb,0),.02));border-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.notifications-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.notifications-header{border-bottom:1px solid var(--border-color);background:0 0;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.notifications-header h2{color:var(--text-color);margin:0;font-size:1rem}.notifications-list{max-height:520px;overflow:auto}.notification-item{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.notification-item.unread{background:rgba(var(--color-primary-rgb),.03)}.notification-content{flex:1}.notification-title{color:var(--text-color);margin:0 0 .25rem;font-size:.98rem;font-weight:700}.notification-message{color:var(--muted-text-color);margin:0;line-height:1.4}.notification-meta{color:var(--muted-text-color);gap:.75rem;margin-top:.5rem;font-size:.82rem;display:flex}.notification-actions{align-items:center;gap:.4rem;display:flex}.notification-action-btn{color:var(--muted-text-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem}.notification-action-btn:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.notification-action-btn.delete:hover{color:var(--color-danger)}.empty-state{text-align:center;color:var(--muted-text-color);padding:2rem}.loading{color:var(--muted-text-color);align-items:center;gap:.75rem;padding:1rem;display:flex}.spinner{border:3px solid #0000000f;border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.modal-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-color);border-radius:var(--radius-lg);width:520px;max-width:95%;box-shadow:var(--shadow-md);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.modal-body{padding:1rem}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;padding:.9rem}.stat-card h3{color:var(--muted-text-color);text-transform:uppercase;margin:0;font-size:.8rem}.stat-card .stat-value{color:var(--color-primary);font-size:1.6rem;font-weight:700}@media (max-width:800px){.notification-management{padding:1rem}.notification-header{flex-direction:column;align-items:flex-start;gap:.5rem}.notifications-list{max-height:340px}.form-row{grid-template-columns:1fr}}.prioritized-categories-page{padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{color:var(--text-color);margin:0;font-size:1.75rem;font-weight:700}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.card-header h2{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-text-color);margin:0;font-size:1.1rem;font-weight:600}.card-body{padding:1.5rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-color);font-weight:600}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);width:120px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-helper-text{color:var(--muted-text-color);margin:.25rem 0 0;font-size:.875rem}.category-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.category-search-container{flex-grow:1;position:relative}.category-actions{gap:1rem;display:flex}.btn-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.btn-link:disabled{color:var(--muted-text-color);cursor:not-allowed;text-decoration:none}.btn-link:hover:not(:disabled){text-decoration:underline}.search-icon{color:var(--muted-text-color);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.category-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);width:100%;color:var(--text-color);padding:.75rem 1rem .75rem 2.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.category-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.category-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;padding-right:.5rem;display:grid;overflow-y:auto}.category-checkbox-item{border-radius:var(--radius-md);background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;align-items:center;padding:.75rem;transition:background-color .2s,border-color .2s;display:flex}.category-checkbox-item:hover{background-color:var(--bg-color-hover)}.category-checkbox-item input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--border-color-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:20px;height:20px;margin-right:.75rem;transition:background-color .2s,border-color .2s;display:flex}.checkbox-custom:after{content:"✔";color:#fff;opacity:0;font-size:14px;transition:opacity .2s}.category-checkbox-item input[type=checkbox]:checked+.checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.category-checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.checkbox-label{color:var(--text-color);flex-grow:1;font-weight:500}.category-count{color:var(--text-color);background-color:var(--bg-color-hover);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.875rem;font-weight:600}.count-spinner{animation:.8s linear infinite spin;display:inline-block}.loading-container{color:var(--muted-text-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.loading-spinner{color:var(--color-primary);font-size:2.5rem;animation:1s linear infinite spin}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:filter .2s,background-color .2s,opacity .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.btn-spinner{animation:1s linear infinite spin}.visit-logs-page{max-width:1300px;margin:0 auto;padding:1.5rem 2rem}.visit-logs-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.toolbar-label{color:var(--color-text-muted,#888);align-items:center;gap:.35rem;margin-right:.25rem;font-size:.85rem;display:flex}.visit-logs-loading{color:var(--color-text-muted,#888);justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;font-size:.95rem;display:flex}.visit-logs-table-wrapper{border:1px solid var(--color-border,#e5e7eb);border-radius:8px;overflow-x:auto}.visit-logs-table{border-collapse:collapse;width:100%;font-size:.85rem}.visit-logs-table thead th{background:var(--color-bg-surface,#f9fafb);text-align:left;white-space:nowrap;color:var(--color-text-secondary,#555);border-bottom:1px solid var(--color-border,#e5e7eb);padding:.6rem .9rem;font-weight:600}.visit-logs-table tbody tr{border-bottom:1px solid var(--color-border,#e5e7eb);transition:background .15s}.visit-logs-table tbody tr:last-child{border-bottom:none}.visit-logs-table tbody tr:hover{background:var(--color-bg-hover,#f3f4f6)}.visit-logs-table td{vertical-align:middle;padding:.55rem .9rem}.visit-num{color:var(--color-text-muted,#aaa);width:2.5rem;font-size:.75rem}.visit-ts{white-space:nowrap;color:var(--color-text-secondary,#555)}.visit-path{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:monospace;font-size:.8rem;overflow:hidden}.visit-logs-empty{text-align:center;color:var(--color-text-muted,#aaa);padding:3rem 0;font-size:.9rem}.tag{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:160px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-block;overflow:hidden}.tag-user{background:var(--color-primary-light,#e8f0fe);color:var(--color-primary,#3b82f6)}.tag-anon{background:var(--color-bg-surface,#f3f4f6);color:var(--color-text-muted,#888)}.visit-logs-pagination{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.page-indicator{color:var(--color-text-secondary,#555);font-size:.85rem}@media (max-width:600px){.visit-logs-page{padding:1rem}}