body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0}nav{background:#1f2937;color:#fff;padding:10px 20px;display:flex;gap:15px}nav a{color:#fff;text-decoration:none;font-weight:700}h1{color:#111827}button{border:none;border-radius:5px;cursor:pointer;font-weight:700}input,textarea{padding:8px;border-radius:5px;border:1px solid #ccc;width:100%}.sidebar{position:fixed;top:0;left:0;width:270px;height:100vh;display:flex;flex-direction:column;background:#1b1d21;color:#f3f4f6;border-right:1px solid #2d3035;box-sizing:border-box;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;z-index:1000}.sidebar-header{display:flex;flex-direction:column;align-items:center;padding:24px 20px 22px;border-bottom:1px solid #2d3035}.sidebar-company-logo{width:90px;height:90px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#24272c}.sidebar-company-logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.sidebar-company-name{width:100%;text-align:center;color:#fff;font-size:17px;font-weight:700}.sidebar-user{padding:16px 20px 15px;border-bottom:1px solid #2d3035}.sidebar-user-name{margin-bottom:5px;color:#fff;font-size:14px;font-weight:700}.sidebar-user-email{margin-bottom:10px;color:#a7adb5;font-size:12px;word-break:break-word}.sidebar-date{color:#777e88;font-size:11px;text-transform:capitalize}.sidebar-menu{display:flex;flex-direction:column;gap:3px;padding:14px 10px;flex:1;overflow-y:auto;background:#1f293766}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#aeb4bd;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .18s ease,color .18s ease}.sidebar-menu a svg{width:16px;min-width:16px;height:16px;color:#f6a800;font-size:16px;transition:color .18s ease}.sidebar-menu a:hover{background:#25282d;color:#fff}.sidebar-menu a:hover svg{color:#ffb300}.sidebar-menu a.active{background:#2b2e34;color:#fff;font-weight:600}.sidebar-menu a.active svg{color:#ffb300}.sidebar-footer{display:flex;flex-direction:column;gap:4px;padding:12px 10px 14px;border-top:1px solid #2d3035}.sidebar-footer-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 13px;border:none;border-radius:8px;background:transparent;color:#aeb4bd;font-size:14px;text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.sidebar-footer-button:hover{background:#25282d;color:#fff}.sidebar-footer-button svg{width:16px;min-width:16px;color:#f6a800;font-size:16px}.sidebar-footer-button.logout{color:#ff6b6b}.sidebar-footer-button.logout svg{color:#ff6b6b}.sidebar-footer-button.logout:hover{background:#352326;color:#ff7b7b}.sidebar-footer-button.logout:hover svg{color:#ff7b7b}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#353941;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#454a53}@media (max-width: 768px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:70px;display:block;background:#1b1d21;border-top:1px solid #2d3035;border-right:none;z-index:10000}.sidebar-header,.sidebar-user,.sidebar-footer{display:none}.mobile-bottom-menu{width:100%;height:70px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:0;padding:0;overflow-x:auto;overflow-y:hidden;background:#1b1d21;box-sizing:border-box;flex:none}.mobile-bottom-menu a{flex:1 0 68px;min-width:68px;max-width:110px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:0;box-sizing:border-box;background:transparent;color:#9aa0a6;font-size:10px;font-weight:500;text-decoration:none;white-space:nowrap}.mobile-bottom-menu a svg{width:19px;min-width:19px;height:19px;color:#f6a800;font-size:19px}.mobile-bottom-menu a:hover{background:transparent;color:#fff}.mobile-bottom-menu a:hover svg{color:#ffb300}.mobile-bottom-menu a.active{background:transparent;color:#fff;font-weight:600}.mobile-bottom-menu a.active svg{color:#ffc400}.mobile-bottom-menu{scrollbar-width:none}.mobile-bottom-menu::-webkit-scrollbar{display:none}}.sidebar-version{padding:4px 13px 8px;color:#777e88;font-size:10px;font-weight:500;text-align:right;letter-spacing:.3px}.notification-modal-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-modal{position:relative;width:100%;max-width:430px;padding:32px 28px 26px;box-sizing:border-box;border:1px solid #353941;border-radius:14px;background:#202327;color:#e5e7eb;box-shadow:0 18px 50px #00000073;text-align:center;animation:notificationModalIn .2s ease-out}@keyframes notificationModalIn{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9ca3af;font-size:17px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.notification-modal-close:hover{background:#2b2e34;border-color:#3a3e45;color:#fff}.notification-modal-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;font-size:25px}.notification-modal-success .notification-modal-icon{background:#243329;color:#4ade80}.notification-modal-error .notification-modal-icon{background:#352326;color:#ff7070}.notification-modal-warning .notification-modal-icon{background:#3a3020;color:#f6a800}.notification-modal-info .notification-modal-icon{background:#26313b;color:#8ab4f8}.notification-modal-title{margin:0 0 10px;color:#f3f4f6;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:21px;font-weight:700}.notification-modal-message{margin:0 auto 24px;max-width:350px;color:#9ca3af;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.6}.notification-modal-button{min-width:120px;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f3f4f6;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.notification-modal-button:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.notification-modal-success .notification-modal-button{color:#f6a800}.notification-modal-error .notification-modal-button{color:#ff7070}.notification-modal-warning .notification-modal-button{color:#f6a800}.notification-modal-info .notification-modal-button{color:#8ab4f8}@media (max-width: 480px){.notification-modal-overlay{padding:14px}.notification-modal{padding:28px 20px 22px;border-radius:12px}.notification-modal-title{font-size:19px}.notification-modal-button{width:100%}}.waple-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#000000b8;z-index:1000}.waple-modal{width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;background:#202327;color:#e8eaed;border:1px solid #353941;border-radius:12px;box-shadow:0 4px 16px #00000038;overflow:hidden;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.waple-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;box-sizing:border-box;background:#202327;border-bottom:1px solid #353941}.waple-modal-header h2{margin:0;color:#f1f3f4;font-size:24px;font-weight:600;line-height:1.3}.waple-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#9aa0a6;font-family:inherit;font-size:28px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.waple-modal-close:hover{background:#2b2e34;border-color:#3a3e45;color:#f1f3f4}.waple-modal-body{padding:26px;box-sizing:border-box;overflow-y:auto;background:#202327;color:#e8eaed}.waple-modal-body form{width:100%}.waple-modal-body label{display:block;margin-bottom:7px;color:#d7d9dc;font-size:13px;font-weight:600}.waple-modal-body input,.waple-modal-body select,.waple-modal-body textarea{width:100%;box-sizing:border-box;margin-bottom:18px;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.waple-modal-body input,.waple-modal-body select{height:44px;padding:0 13px}.waple-modal-body textarea{min-height:140px;padding:12px 13px;resize:vertical}.waple-modal-body input::placeholder,.waple-modal-body textarea::placeholder{color:#727980}.waple-modal-body input:focus,.waple-modal-body select:focus,.waple-modal-body textarea:focus{border-color:#8ab4f8;background:#202327;box-shadow:0 0 0 2px #8ab4f81f}.waple-modal-body button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,opacity .2s ease}.waple-modal-body button:hover:not(:disabled){background:#2b2e34;border-color:#4a4f58;transform:translateY(-1px)}.waple-modal-body button:active:not(:disabled){transform:translateY(0)}.waple-modal-body button:disabled{opacity:.55;cursor:not-allowed}.waple-modal-body button[type=submit]{background:#24272c;color:#f6a800;border-color:#3a3e45}.waple-modal-body button[type=submit]:hover:not(:disabled){background:#2b2e34;border-color:#4a4f58}.waple-modal-body .form-error{display:block;margin-top:5px;color:#f28b82;font-size:12px}.waple-modal-body::-webkit-scrollbar{width:7px}.waple-modal-body::-webkit-scrollbar-track{background:transparent}.waple-modal-body::-webkit-scrollbar-thumb{background:#3a3e45;border-radius:10px}.waple-modal-body::-webkit-scrollbar-thumb:hover{background:#4a4f58}.waple-modal.delete-confirmation-modal{max-width:430px}.waple-modal.delete-confirmation-modal .waple-modal-body{padding:22px 28px 26px}@media (max-width: 700px){.waple-modal-overlay{padding:15px}.waple-modal{max-height:92vh;border-radius:12px}.waple-modal-header{padding:16px 18px}.waple-modal-header h2{font-size:20px}.waple-modal-body{padding:20px 18px}}.category-selector{border:1px solid #0073aa;border-radius:6px;max-height:180px;overflow-y:auto;padding:8px;background:#fff;box-shadow:0 2px 6px #0000000d}.category-item{display:flex;align-items:center;padding:6px 8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:all .2s}.category-item input[type=checkbox]{margin:0 10px 0 0;width:16px;height:16px}.category-item span{flex:1}.category-item:hover{background-color:#f0f8ff}.category-item.selected{background-color:#e5f3ff}.category-item.selected:hover{background-color:#d0ebff}.subcategory{padding-left:20px}.product-form-container{width:100%;max-width:700px;margin:0 auto;padding:0;background:transparent;color:#e5e7eb;box-sizing:border-box;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.product-form{width:100%;margin:0;padding:0}.product-form input,.product-form textarea{width:100%;box-sizing:border-box;margin:0 0 16px;padding:12px 14px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.product-form input::placeholder,.product-form textarea::placeholder{color:#8b929c}.product-form input:focus,.product-form textarea:focus{background:#282b30;border-color:#f6a800;box-shadow:0 0 0 3px #f6a8001f}.product-form textarea{min-height:100px;line-height:1.5}.product-form>p{margin:4px 0 8px;color:#d1d5db;font-size:14px;font-weight:600}.category-selector{width:100%;max-height:200px;overflow-y:auto;box-sizing:border-box;padding:8px;margin-bottom:18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb}.category-selector::-webkit-scrollbar{width:7px}.category-selector::-webkit-scrollbar-track{background:transparent}.category-selector::-webkit-scrollbar-thumb{background:#3a3e45;border-radius:10px}.category-selector::-webkit-scrollbar-thumb:hover{background:#4a4f57}.category-item{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;margin-bottom:4px;border-radius:7px;background:transparent;color:#d1d5db;cursor:pointer;transition:background-color .2s ease,color .2s ease}.category-item input[type=checkbox]{width:18px;height:18px;margin:0 12px 0 0;accent-color:#f6a800;cursor:pointer}.category-item span{flex:1;color:inherit}.category-item:hover,.category-item.selected{background:#2b2e34;color:#fff}.category-item.selected:hover{background:#30343a}.category-item .sub-category{padding-left:26px}.file-upload{width:100%;margin:6px 0 18px}.file-upload label{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;padding:11px 14px;border:1px dashed #4a4f57;border-radius:8px;background:#24272c;color:#d1d5db;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.file-upload label svg{color:#f6a800}.file-upload label:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.file-upload input[type=file]{display:none}.image-preview{width:100%;box-sizing:border-box;padding:10px;margin-bottom:18px;border:1px solid #353941;border-radius:10px;background:#24272c}.image-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:7px}.progress-bar{width:100%;height:8px;margin:12px 0 18px;background:#30343a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#f6a800;border-radius:10px;transition:width .3s ease}.btn-save{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;padding:12px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f3f4f6;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-save svg{color:#f6a800}.btn-save:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.btn-save:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 700px){.product-form-container{max-width:100%}.product-form input,.product-form textarea{font-size:14px}.category-selector{max-height:180px}.image-preview img{max-height:220px}}.waple-loader{width:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;color:#d1d5db}.waple-loader-spinner{width:34px;height:34px;border:4px solid #30343a;border-top-color:#f6a800;border-radius:50%;animation:wapleLoaderSpin .8s linear infinite}.waple-loader-text{color:#9ca3af;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:500}@keyframes wapleLoaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-product-container{width:100%;max-width:700px;margin:0 auto;padding:0;box-sizing:border-box;background:transparent;color:#e5e7eb;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.edit-product-form{width:100%;margin:0;padding:0}.edit-product-form>label{display:block;margin:0 0 6px;color:#d1d5db;font-size:14px;font-weight:600}.edit-product-form input,.edit-product-form textarea{width:100%;box-sizing:border-box;margin:0 0 16px;padding:12px 14px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.edit-product-form input::placeholder,.edit-product-form textarea::placeholder{color:#8b929c}.edit-product-form input:focus,.edit-product-form textarea:focus{background:#282b30;border-color:#f6a800;box-shadow:0 0 0 3px #f6a8001f}.edit-product-form textarea{min-height:100px;line-height:1.5}.edit-product-net-price{margin-top:-6px;margin-bottom:16px;color:#9ca3af;font-size:13px;font-weight:500}.edit-product-form .category-selector{width:100%;max-height:200px;overflow-y:auto;box-sizing:border-box;padding:8px;margin-bottom:18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb}.edit-product-form .category-selector::-webkit-scrollbar{width:7px}.edit-product-form .category-selector::-webkit-scrollbar-track{background:transparent}.edit-product-form .category-selector::-webkit-scrollbar-thumb{background:#3a3e45;border-radius:10px}.edit-product-form .category-selector::-webkit-scrollbar-thumb:hover{background:#4a4f57}.edit-product-form .category-item{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;margin-bottom:4px;border-radius:7px;background:transparent;color:#d1d5db;cursor:pointer;transition:background-color .2s ease,color .2s ease}.edit-product-form .category-item input[type=checkbox]{width:18px;height:18px;margin:0 12px 0 0;accent-color:#f6a800;cursor:pointer}.edit-product-form .category-item span{flex:1;color:inherit}.edit-product-form .category-item:hover,.edit-product-form .category-item.selected{background:#2b2e34;color:#fff}.edit-product-form .category-item.selected:hover{background:#30343a}.edit-product-form .category-item .sub-category{padding-left:26px}.edit-product-file-upload{width:100%;margin:6px 0 18px}.edit-product-file-upload label{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;padding:11px 14px;border:1px dashed #4a4f57;border-radius:8px;background:#24272c;color:#d1d5db;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.edit-product-file-upload label svg{color:#f6a800}.edit-product-file-upload label:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.edit-product-file-upload input[type=file]{display:none}.edit-product-image-preview{width:100%;box-sizing:border-box;padding:10px;margin-bottom:18px;border:1px solid #353941;border-radius:10px;background:#24272c}.edit-product-image-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:7px}.edit-product-progress{width:100%;height:8px;margin:12px 0 18px;background:#30343a;border-radius:10px;overflow:hidden}.edit-product-progress-fill{height:100%;background:#f6a800;border-radius:10px;transition:width .3s ease}.edit-product-progress.update{height:20px;background:#30343a}.edit-product-progress.update .edit-product-progress-fill{height:100%;display:flex;align-items:center;justify-content:center;background:#f6a800;color:#111827;font-size:11px;font-weight:700}.edit-product-save{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;padding:12px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f3f4f6;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.edit-product-save svg{color:#f6a800}.edit-product-save:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.edit-product-save:disabled{opacity:.55;cursor:not-allowed}.edit-product-loading{padding:30px;text-align:center;color:#9ca3af;font-size:14px}.waple-modal-header h2 svg{color:#f6a800}@media (max-width: 700px){.edit-product-container{max-width:100%}.edit-product-form input,.edit-product-form textarea{font-size:14px}.edit-product-form .category-selector{max-height:180px}.edit-product-image-preview img{max-height:220px}}.confirm-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{position:relative;width:100%;max-width:430px;padding:32px 28px 26px;border-radius:16px;background:#fff;box-shadow:0 20px 50px #00000040;text-align:center;animation:confirmModalIn .2s ease-out}@keyframes confirmModalIn{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:17px;cursor:pointer;transition:background .2s ease,color .2s ease}.confirm-modal-close:hover{background:#f3f4f6;color:#111827}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#fff7ed;color:#f59e0b;font-size:25px}.confirm-modal-title{margin:0 0 10px;color:#111827;font-size:21px;font-weight:700}.confirm-modal-message{margin:0 auto 24px;max-width:350px;color:#6b7280;font-size:14px;line-height:1.6}.confirm-modal-actions{display:flex;justify-content:center;gap:10px}.confirm-modal-cancel,.confirm-modal-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.confirm-modal-cancel{background:#e5e7eb;color:#374151}.confirm-modal-cancel:hover{background:#d1d5db}.confirm-modal-confirm{background:#dc2626;color:#fff}.confirm-modal-confirm:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width: 480px){.confirm-modal-overlay{padding:14px}.confirm-modal{padding:28px 20px 22px;border-radius:14px}.confirm-modal-title{font-size:19px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-cancel,.confirm-modal-confirm{width:100%}}.category-manager-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-manager{width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;background:#202327;color:#e5e7eb;border:1px solid #353941;border-radius:14px;box-shadow:0 18px 50px #00000073;overflow:hidden;animation:categoryModalIn .2s ease-out}@keyframes categoryModalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.category-manager-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#24272c;border-bottom:1px solid #353941}.category-manager-header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:22px;font-weight:700;color:#f3f4f6}.category-manager-header h2 svg{color:#f6a800}.category-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9ca3af;font-size:18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.category-close-btn:hover{background:#2b2e34;border-color:#3a3e45;color:#fff}.category-manager-body{padding:24px;overflow-y:auto;background:#202327;color:#e5e7eb}.category-manager-body::-webkit-scrollbar{width:7px}.category-manager-body::-webkit-scrollbar-track{background:transparent}.category-manager-body::-webkit-scrollbar-thumb{background:#3a3e45;border-radius:10px}.category-manager-body::-webkit-scrollbar-thumb:hover{background:#4a4f57}.category-new-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f3f4f6;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.category-new-btn svg{color:#f6a800}.category-new-btn:hover{background:#2b2e34;border-color:#f6a800;color:#fff}.category-list{display:flex;flex-direction:column;gap:4px}.category-manager-item{width:100%}.category-manager-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding-top:6px;padding-bottom:6px;padding-right:10px;border-radius:8px;transition:background-color .2s ease}.category-manager-row:hover{background:#272a2f}.category-manager-name{display:flex;align-items:center;gap:10px;min-width:0;color:#e5e7eb;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;font-weight:500}.category-manager-name svg{flex-shrink:0;color:#f6a800}.category-manager-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-manager-actions{display:flex;align-items:center;gap:6px;margin-left:15px}.category-edit-btn,.category-delete-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.category-edit-btn{color:#f6a800}.category-edit-btn:hover{background:#2b2e34;border-color:#f6a800;color:#ffb300}.category-delete-btn{color:#ff7070}.category-delete-btn:hover{background:#352326;border-color:#ff7070;color:#ff8585}.category-form{position:sticky;top:0;z-index:20;margin-bottom:24px;padding:20px;border:1px solid #353941;border-radius:12px;background:#24272c;box-shadow:0 8px 20px #00000040}.category-form h3{margin:0 0 18px;color:#f3f4f6;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;font-weight:700}.category-form label{display:block;margin-bottom:6px;color:#d1d5db;font-size:14px;font-weight:600}.category-form input,.category-form select{width:100%;box-sizing:border-box;margin-bottom:16px;padding:11px 12px;border:1px solid #3a3e45;border-radius:8px;background:#202327;color:#e5e7eb;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.category-form input::placeholder{color:#8b929c}.category-form input:focus,.category-form select:focus{border-color:#f6a800;background:#282b30;box-shadow:0 0 0 3px #f6a8001f}.category-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.category-cancel-btn,.category-save-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.category-cancel-btn{border:1px solid #3a3e45;background:#24272c;color:#d1d5db}.category-cancel-btn:hover{background:#2b2e34;border-color:#50555e;color:#fff}.category-save-btn{border:1px solid #3a3e45;background:#24272c;color:#f6a800}.category-save-btn:hover{background:#2b2e34;border-color:#f6a800;color:#ffb300}.category-loading{padding:30px;text-align:center;color:#9ca3af;font-size:14px}.category-search{position:relative;margin-bottom:18px}.category-search input{width:100%;box-sizing:border-box;padding:10px 42px 10px 12px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.category-search input::placeholder{color:#8b929c}.category-search input:focus{border-color:#f6a800;background:#282b30;box-shadow:0 0 0 3px #f6a8001f}.category-search-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#8b929c;cursor:pointer;transition:background-color .2s ease,color .2s ease}.category-search-clear:hover{background:#2f3339;color:#fff}.category-search-clear svg{font-size:13px}@media (max-width: 768px){.category-manager-overlay{padding:12px}.category-manager{max-height:90vh;border-radius:12px}.category-manager-header{padding:16px 18px}.category-manager-header h2{font-size:18px}.category-manager-body{padding:18px}.category-manager-row{min-height:44px}.category-manager-actions{margin-left:8px}.category-edit-btn,.category-delete-btn{width:32px;height:32px}.category-form-actions{flex-direction:column}.category-cancel-btn,.category-save-btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:600px;width:90%;position:relative}.modal-close{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#9ca3af}.modal-product{display:flex;gap:20px;flex-wrap:wrap}.modal-product-img{width:200px;height:200px;object-fit:cover;border-radius:10px}.modal-product-info{flex:1}.modal-product-info h2{margin-top:0}@media (max-width: 768px){.modal-overlay{display:none}}.dashboard-container{width:100%;min-height:100vh;padding:28px 40px;box-sizing:border-box;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;background:#1b1d21;color:#f3f4f6}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0 20px}.dashboard-logo{max-width:150px;height:auto}.top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:14px}.search-input{padding:10px 14px;width:230px;box-sizing:border-box;border-radius:8px;border:1px solid #3a3e45;background:#24272c;color:#f3f4f6;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.search-input::placeholder{color:#8b929c}.search-input:focus{border-color:#f6a800;background:#282b30;box-shadow:0 0 0 3px #f6a8001f}.quantity-add-wrapper{display:flex;align-items:center;gap:5px}.quantity-add-wrapper button:disabled{cursor:not-allowed;opacity:.5;background-color:#3a3e45;color:#8b929c}.btn-mas,.btn-menos{width:32px;height:32px;font-weight:700;border:none;border-radius:6px;background-color:#f6a800;color:#111827;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.btn-mas:hover,.btn-menos:hover{background-color:#ffb300;transform:translateY(-1px)}.btn-agregar svg{color:#f6a800}.resultado{width:30px;text-align:center;font-weight:700;padding:5px 0;background-color:#2a2d32;color:#fff;border-radius:6px}.btn-agregar,.btn-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#24272c;color:#f3f4f6;padding:0 16px;height:38px;border:1px solid #3a3e45;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-agregar:hover,.btn-add:hover{background-color:#2b2e34;border-color:#f6a800;color:#fff;transform:none}.btn-categorias{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#e5e7eb;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-categorias svg{color:#f6a800}.btn-categorias:hover{background:#2a2d32;border-color:#f6a800;color:#fff}.filters{display:flex;gap:16px;margin-bottom:24px;align-items:flex-end;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;font-weight:600;font-size:13px;color:#d1d5db}.filters select{margin-top:6px;padding:9px 12px;min-width:135px;border-radius:8px;border:1px solid #3a3e45;background:#24272c;color:#e5e7eb;cursor:pointer;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.filters select:hover{border-color:#f6a800}.filters select:focus{border-color:#f6a800;background:#2a2d32;box-shadow:0 0 0 3px #f6a8001f}.btn-reset{background-color:#24272c;color:#d1d5db;padding:9px 14px;border:1px solid #3a3e45;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-reset:hover{background:#2a2d32;border-color:#f6a800;color:#fff}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;background:#202327;border:1px solid #2f3339;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000002e}.dashboard-table th{position:relative;background:#24272c;color:#f9fafb;padding:12px 10px;text-align:center;cursor:pointer;font-size:13px;font-weight:700;border-bottom:1px solid #3a3e45}.dashboard-table td{padding:10px;text-align:center;border-bottom:1px solid #30343a;color:#e5e7eb;background:#202327}.dashboard-table td a{color:#f6a800;text-underline-offset:2px;transition:color .2s ease}.dashboard-table td a:hover{color:#aecbfa}.product-select-cell{width:55px;text-align:center!important;vertical-align:middle}.product-select-cell input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#f6a800;vertical-align:middle}.product-select-cell input[type=checkbox]:focus-visible{outline:2px solid rgba(246,168,0,.45);outline-offset:3px}.dashboard-container label{color:#d1d5db}.table-row{transition:background-color .18s ease}.table-row:hover td{background-color:#272a2f}.dashboard-table tbody tr:last-child td{border-bottom:none}.product-img{width:60px;height:60px;object-fit:cover;border-radius:7px}.product-image-cell{position:relative}.dashboard-table th:nth-child(2),.dashboard-table td:nth-child(2){width:90px;min-width:90px;max-width:90px;text-align:center!important}.product-image-cell{width:90px;min-width:90px;max-width:90px;text-align:center!important;vertical-align:middle}.product-image-cell .product-img,.product-image-cell .product-placeholder{display:block;margin-left:auto;margin-right:auto}.product-placeholder{width:60px;height:60px;background:#2f3339;border-radius:7px;display:flex;justify-content:center;align-items:center;color:#8b929c;font-size:.7rem;text-align:center}.stock-zero{color:#ff7070;font-weight:700}.actions{display:flex;justify-content:center;gap:10px}.btn-edit,.btn-delete{padding:7px 10px;border-radius:6px;font-size:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-edit{background:#24272c;color:#f6a800;border:1px solid #3a3e45}.btn-edit:hover{background:#2b2e34;color:#ffb300;border-color:#f6a800}.btn-delete{background:#24272c;color:#ff7070;border:1px solid #3a3e45}.btn-delete:hover{background:#2b2e34;color:#ff8585;border-color:#ff7070}.btn-delete svg{color:#ff7070}.loader-container{display:flex;flex-direction:column;align-items:center;margin:20px 0;color:#d1d5db}.loader{border:4px solid #30343a;border-top:4px solid #f6a800;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-lupa{position:absolute;bottom:5px;right:5px;background:#000000a6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:.9rem}.dashboard-table th span.sort-arrow{margin-left:5px;font-size:.8rem}.sort-arrows .arrow{color:#777e88;cursor:pointer}.sort-arrows .arrow.active{color:#f6a800}.category-select-wrapper,.category-select{position:relative;z-index:9999}.company-selector-label{color:#e5e7eb;font-size:14px;font-weight:600}.product-link{color:#f6a800;text-underline-offset:2px;font-size:14px;transition:color .2s ease}.product-link:hover{color:#aecbfa}@media (max-width: 768px){.dashboard-container{padding:20px 14px}.top-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:18px}.top-actions .btn-agregar,.top-actions .btn-categorias{width:100%;min-height:42px;box-sizing:border-box;justify-content:center}.top-actions .search-wrapper{width:100%}.top-actions .search-input{width:100%;height:44px;padding-right:42px;box-sizing:border-box}.company-selector{display:none}.top-actions{flex-direction:column;align-items:center;gap:10px}.search-input{width:100%;box-sizing:border-box}.dashboard-table{display:block;width:100%;overflow-x:auto}.dashboard-table tbody{display:block;width:100%}.dashboard-table thead{display:none}.table-row{display:block;width:100%;margin-bottom:20px;padding:18px;box-sizing:border-box;border:1px solid #30343a;border-radius:12px;background:#202327;box-shadow:0 2px 8px #0000002e}.table-row td{display:grid!important;grid-template-columns:120px minmax(0,1fr);align-items:center!important;gap:12px;width:100%;padding:9px 0;border-bottom:none;background:transparent;position:relative;box-sizing:border-box}.table-row td:before{content:attr(data-label);font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;text-align:left;white-space:nowrap}.table-row td>*{min-width:0;max-width:100%;text-align:center!important;overflow-wrap:anywhere;box-sizing:border-box}.table-row td span{min-width:0;flex:none;text-align:right;color:#e5e7eb}td.product-image-cell:before{content:none!important}.table-row td.product-image-cell{display:flex!important;justify-content:flex-start;align-items:flex-start;width:100%!important;min-width:0!important;max-width:none!important;padding:8px 0 18px;margin-bottom:4px;background:transparent!important}.product-img{width:230px;height:230px;object-fit:cover;object-position:center;border-radius:10px;margin:0 auto 12px}.product-placeholder{width:230px;height:230px;max-width:230px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:.85rem}.table-row:hover td{background-color:#202327}.btn-lupa{display:none}.mobile-card-details{display:block;padding-top:10px}.mobile-card-info p{margin:4px 0;font-size:.9rem;color:#d1d5db}.mobile-card-info strong{font-weight:700;color:#fff}td[data-label=Nombre] a{max-width:100%;color:#f6a800;font-size:15px;font-weight:600;text-align:right;overflow-wrap:anywhere}td[data-label=SKU]{font-size:14px}td[data-label=Precio]{font-size:15px;font-weight:600}td[data-label=Stock]{font-size:14px}td[data-label=Categorías]{align-items:start;overflow-wrap:anywhere}td[data-label=Categorías]>*{text-align:right}.table-row td.actions{display:flex!important;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding-top:14px;margin-top:6px;border-top:1px solid #30343a}.table-row td.actions:before{content:attr(data-label);display:block;width:100%;margin-bottom:2px;color:#9ca3af;font-size:12px;font-weight:700;text-align:center;text-transform:uppercase}.btn-edit,.btn-delete{width:100%!important;min-width:0;height:42px;padding:0!important;box-sizing:border-box;border-radius:8px;font-size:16px!important;text-align:center}.filters{flex-direction:column;align-items:stretch;gap:10px}.filters label:first-of-type{order:1;width:100%}.filters .custom-select,.btn-reset{order:2;width:100%}.category-select{width:100%}.btn-reset{margin-top:0;width:100%}}@media (max-width: 480px){.dashboard-container{padding:16px 12px 90px}.table-row{width:100%;margin-bottom:16px;padding:14px;box-sizing:border-box;border:1px solid #30343a;border-radius:12px;background:#202327;box-shadow:0 4px 14px #0003}.product-img{width:100%;max-width:260px;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;margin:0 auto 12px}.product-placeholder{width:100%;max-width:260px;aspect-ratio:1 / 1;height:auto;margin:0 auto 12px;border-radius:10px;font-size:.8rem}.table-row td{width:100%;box-sizing:border-box;padding:9px 0}.table-row td:before{flex:0 0 40%;font-size:11px;color:#9aa0a6;text-align:left}.table-row td>*{max-width:60%;box-sizing:border-box}td[data-label=Nombre] a{max-width:60%;color:#f6a800;font-size:15px;font-weight:600;text-align:right;overflow-wrap:anywhere}td[data-label=SKU]{font-size:14px}td[data-label=Precio]{font-size:15px;font-weight:600}td[data-label=Stock]{font-size:14px}td[data-label=Categorías]{align-items:flex-start}td[data-label=Categorías]{overflow-wrap:anywhere}.actions{display:flex;flex-direction:row;gap:8px;justify-content:stretch;padding-top:14px!important;border-top:1px solid #30343a!important}.btn-edit,.btn-delete{flex:1;width:auto!important;min-width:0;height:42px;padding:0!important;border-radius:8px;font-size:16px!important}.filters{width:100%;gap:10px}.filters label,.filters select,.btn-reset,.search-input{width:100%}}.dashboard-mobile-header{display:none}.search-wrapper{position:relative;min-width:0}.search-clear{position:absolute;top:50%;right:8px;width:30px;height:30px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:#9aa0a6;cursor:pointer}.search-clear:hover{background:#2b2e34;color:#f1f3f4}.search-clear svg{width:14px;height:14px}@media (max-width: 768px){.dashboard-mobile-header{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:18px}.dashboard-mobile-user{display:flex;align-items:center;gap:12px}.dashboard-mobile-logo{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#24272c;border:1px solid #3a3e45;color:#f6a800;font-size:20px;font-weight:700}.dashboard-mobile-logo img{width:100%;height:100%;object-fit:contain;display:block}.dashboard-mobile-user-info{min-width:0;display:flex;flex-direction:column;gap:3px}.dashboard-mobile-user-label{color:#f1f3f4;font-size:13px;font-weight:700}.dashboard-mobile-user-email{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa0a6;font-size:12px}.dashboard-mobile-company{display:flex;align-items:center;gap:10px;width:100%}.dashboard-mobile-company select{flex:1;min-width:0;height:42px;padding:0 12px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f1f3f4;font-size:14px;outline:none}.dashboard-mobile-company select:focus{border-color:#f6a800}.search-wrapper{width:100%;min-width:0}.search-input{width:100%;padding-right:42px;box-sizing:border-box}}.delete-confirmation{display:flex;flex-direction:column;gap:24px}.delete-confirmation p{margin:0;color:#d6dae0;font-size:14px;line-height:1.6;text-align:center}.delete-confirmation-actions{display:flex;justify-content:flex-end;gap:10px}.delete-confirmation-cancel,.delete-confirmation-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.delete-confirmation-cancel{border:1px solid #3a3f46;background:#25282d;color:#c5cad1}.delete-confirmation-cancel:hover{background:#2d3137;color:#fff}.delete-confirmation-confirm{border:1px solid #7f3030;background:#5b2528;color:#ffb4b4}.delete-confirmation-confirm:hover{background:#703034;color:#fff}.selected-products-bar{display:flex;align-items:center;justify-content:flex-end;width:auto;box-sizing:border-box;margin:0 0 0 auto;padding:0;border:none;background:transparent}.selected-products-actions{display:flex;align-items:center;gap:8px}.btn-clear-selected-products{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#9aa0a6;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-clear-selected-products:hover{background:#2b2e34;border-color:#f6a800;color:#f6a800}.btn-clear-selected-products svg{width:15px;height:15px}.btn-delete-selected-products{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid #7f3030;border-radius:7px;background:#5b2528;color:#ffb4b4;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-delete-selected-products:hover{background:#703034;border-color:#a04444;color:#fff}.btn-edit:disabled,.btn-delete:disabled{cursor:not-allowed;opacity:.45}@media (max-width: 768px){.table-row{position:relative}.table-row td.product-select-cell{position:absolute!important;top:14px;right:14px;display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;margin:0!important;z-index:10;background:transparent!important}.table-row td.product-select-cell:before{content:none!important}.product-select-cell input[type=checkbox]{width:21px;height:21px;margin:0;cursor:pointer}}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:radial-gradient(circle at top left,rgba(246,168,0,.08),transparent 35%),#1b1d21;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.login-box{width:100%;max-width:440px;padding:42px 40px 38px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:16px;box-shadow:0 20px 60px #00000073;text-align:center;color:#e8eaed}.login-logo{width:88px;height:88px;margin:0 auto 22px;display:block;object-fit:contain}.login-box h2{margin:0 0 10px;color:#f1f3f4;font-size:28px;font-weight:600;letter-spacing:-.3px}.login-description{margin:0 0 28px;color:#9aa0a6;font-size:14px;line-height:1.5}.login-form{width:100%;display:flex;flex-direction:column;gap:15px}.login-input,.login-user{width:100%;height:46px;padding:0 14px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-input::placeholder,.login-user::placeholder{color:#777e88}.login-input:focus,.login-user:focus{border-color:#8ab4f8;background:#24272c;box-shadow:0 0 0 2px #8ab4f81f}.password-wrapper{position:relative;width:100%}.password-wrapper .login-input,.password-wrapper .login-user{padding-right:44px}.toggle-password{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#777e88;cursor:pointer;transition:color .2s ease}.toggle-password:hover{color:#f6a800}.btn-login{width:100%;height:46px;padding:0 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.btn-login:hover{background:#2b2e34;border-color:#4a4f58;transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.google-login-button{width:100%;display:flex;justify-content:center;margin-top:4px}.google-login-button:before{content:" ";display:block}@media (max-width: 600px){.login-container{padding:18px}.login-box{max-width:100%;padding:34px 24px 30px;border-radius:14px}.login-logo{width:78px;height:78px;margin-bottom:18px}.login-box h2{font-size:24px}}@media (max-width: 400px){.login-box{padding:30px 18px 26px}.login-box h2{font-size:22px}}.media-manager{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.media-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.media-header h2{margin:0;color:#f6a800;font-size:28px;font-weight:600}.media-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start;width:100%;box-sizing:border-box}.media-left{width:100%;min-width:0}.media-toolbar{display:flex;align-items:center;gap:15px;width:100%;margin-bottom:20px;box-sizing:border-box}.media-search-wrapper{position:relative;flex:1;width:100%;min-width:0}.media-search{width:100%!important;min-width:0;height:46px;padding:0 42px 0 14px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#202327;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.media-search::placeholder{color:#80868b}.media-search:focus{border-color:#8ab4f8;background:#24272c;box-shadow:0 0 0 2px #8ab4f81f}.media-search-clear{position:absolute;top:50%;right:10px;width:30px;height:30px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:#9aa0a6;cursor:pointer;transition:background .2s ease,color .2s ease}.media-search-clear:hover{background:#2b2e34;color:#f1f3f4}.media-search-clear svg{width:14px;height:14px}.media-toolbar .btn-use-image{flex:0 0 auto;width:auto;max-width:220px;margin:0;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,transform .15s ease}.media-toolbar .btn-use-image:hover{background:#2b2e34;border-color:#4a4f58}.media-toolbar .btn-use-image:active{transform:scale(.98)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px;width:100%;max-height:600px;padding-right:10px;padding-bottom:15px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.media-item{position:relative;min-width:0;overflow:hidden;border:1px solid #353941;border-radius:8px;background:#202327;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.media-item:hover{transform:scale(1.025);border-color:#4a4f58;box-shadow:0 6px 18px #00000047}.media-item img{display:block;width:100%;height:155px;object-fit:cover}.media-item.selected{border:3px solid #8ab4f8;box-shadow:0 0 0 1px #8ab4f826,0 0 18px #8ab4f82e}.media-check{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid #202327;border-radius:50%;background:#8ab4f8;color:#202327;font-size:15px;font-weight:700;box-shadow:0 2px 8px #00000059}.media-right{position:sticky;top:20px;min-height:500px;padding:20px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:12px;box-shadow:0 4px 16px #0000002e}.media-details{color:#e8eaed}.media-details h3{display:block;width:100%;margin:0 0 20px;color:#f1f3f4;font-size:18px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.media-details p{max-width:100%;margin:0 0 14px;color:#b8bdc5;font-size:13px;box-sizing:border-box}.media-details p strong{color:#f1f3f4}.media-name{max-width:100%;margin:0 0 16px}.media-name strong{display:block;margin-bottom:4px}.media-name span{display:block;width:100%;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.media-preview{display:block;width:100%;height:320px;margin-bottom:20px;object-fit:contain;object-position:center;background:#1b1d21;border:1px solid #353941;border-radius:10px;box-sizing:border-box}.media-url{word-break:break-all;color:#9aa0a6}.media-url-input{width:100%;margin-top:8px;padding:10px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#8ab4f8;font-family:Consolas,Courier New,monospace;font-size:12px}.media-url-input:focus{border-color:#8ab4f8}.btn-use-image{margin-top:0;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;box-sizing:border-box}.btn-use-image:hover{background:#2b2e34;border-color:#4a4f58}.btn-copy-url{width:100%;margin-top:12px;padding:10px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#d7d9dc;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-copy-url:hover{background:#2b2e34;border-color:#4a4f58;color:#f1f3f4}.btn-delete-selected{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:1px solid #4a3033;border-radius:8px;background:#2b2326;color:#f28b82;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-delete-selected:hover{background:#352326;border-color:#674044;color:#ff9d96}.btn-delete-selected:disabled{background:#24272c;border-color:#353941;color:#666d75;cursor:not-allowed;opacity:.7}.media-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:30px;box-sizing:border-box;text-align:center;color:#9aa0a6}.media-empty h3{margin:0 0 15px;color:#f1f3f4;font-size:18px;font-weight:600}.media-empty p{margin:0;color:#9aa0a6;font-size:14px}.media-grid::-webkit-scrollbar{width:8px}.media-grid::-webkit-scrollbar-track{background:#1b1d21;border-radius:10px}.media-grid::-webkit-scrollbar-thumb{background:#353941;border-radius:10px}.media-grid::-webkit-scrollbar-thumb:hover{background:#4a4f58}.media-layout-edit{grid-template-columns:1fr!important;width:100%;max-width:100%;min-width:0}.media-layout-edit .media-left{width:100%;min-width:0}.media-layout-edit .media-toolbar{display:flex;align-items:center;gap:15px;width:100%}.media-layout-edit .media-search{flex:1;width:auto;min-width:0}.media-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#d1d5db;font-size:14px}.media-loader{width:36px;height:36px;margin-bottom:10px;border:4px solid #30343a;border-top:4px solid #f6a800;border-radius:50%;animation:mediaLoaderSpin 1s linear infinite}@keyframes mediaLoaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1000px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 700px){.media-manager{width:100%;max-width:100%;padding:20px;box-sizing:border-box}.media-layout{grid-template-columns:1fr;width:100%;max-width:100%;min-width:0}.media-right{display:none}.media-toolbar{flex-direction:column;align-items:stretch;width:100%}.media-search,.media-layout-edit .media-search{width:100%;min-width:0}.media-search-wrapper{width:100%}.media-toolbar .btn-use-image{width:fit-content;max-width:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));width:100%;max-width:100%}.media-manager:has(.media-layout-edit){width:100vw;max-width:100vw;min-width:0;box-sizing:border-box}.media-layout-edit,.media-layout-edit .media-left{width:100%;max-width:100%;min-width:0}}@media (max-width: 480px){.media-manager{padding:14px}.media-header{align-items:flex-start;flex-direction:column}.media-header h2{font-size:23px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-item img{height:140px}.media-toolbar .btn-use-image,.btn-delete-selected{width:100%;max-width:none}.media-manager:has(.media-layout-edit){width:100vw;max-width:100vw;min-width:0}.media-layout-edit{width:100%;max-width:100%}}.modal-overlay{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{position:relative;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;padding:28px;background:#202327;border:1px solid #353941;border-radius:14px;box-shadow:0 20px 60px #0000008c;color:#a5a5a7;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.modal-content h2{margin:0 0 24px;color:#dadd0e;font-size:22px;font-weight:600}.modal-content form{display:flex;flex-direction:column;gap:16px}.modal-content input,.modal-content textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.modal-content input::placeholder,.modal-content textarea::placeholder{color:#80868b}.modal-content input:focus,.modal-content textarea:focus{border-color:#8ab4f8;background:#202327;box-shadow:0 0 0 2px #8ab4f81f}.modal-content textarea{min-height:110px;resize:vertical}.modal-content form .btn-select-images{width:fit-content;margin-top:2px;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.modal-content form .btn-select-images:hover{background:#2b2e34;border-color:#4a4f58}.modal-content form .btn-select-images:active{transform:scale(.98)}.selected-images{padding:14px 16px;background:#24272c;border:1px solid #353941;border-radius:8px;box-sizing:border-box}.selected-images strong{display:block;margin-bottom:5px;color:#f1f3f4;font-size:14px;font-weight:600}.selected-images p{margin:0;color:#9aa0a6;font-size:13px}.modal-content form>button[type=submit]{width:fit-content;margin-top:2px;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.modal-content form>button[type=submit]:hover{background:#2b2e34;border-color:#4a4f58}.modal-content form>button[type=submit]:active{transform:scale(.98)}.gallery-new-media-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-new-media-container{position:relative;width:96vw;max-width:1600px;height:92vh;overflow:hidden;background:#202327;border:1px solid #353941;border-radius:14px;box-shadow:0 20px 60px #0000008c}.gallery-new-media-container .media-manager{width:100%;height:100%;overflow:hidden}.gallery-new-media-close{position:absolute;top:14px;right:14px;z-index:10000;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#9aa0a6;font-size:22px;font-weight:400;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.gallery-new-media-close:hover{background:#2b2e34;border-color:#4a4f58;color:#f1f3f4}.gallery-form-modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#9aa0a6;font-size:18px;cursor:pointer;z-index:10;transition:background .2s ease,border-color .2s ease,color .2s ease}.gallery-form-modal-close:hover{background:#2b2e34;border-color:#4a4f58;color:#f1f3f4}.gallery-form-modal-close svg{width:16px;height:16px}@media (max-width: 768px){.modal-overlay{padding:12px}.modal-content{width:100%;max-height:94vh;padding:22px}.modal-content h2{font-size:20px}.modal-content form .btn-select-images,.modal-content form>button[type=submit]{width:100%}.gallery-new-media-overlay{padding:0}.gallery-new-media-container{width:100%;height:100vh;border-radius:0;border:none}.gallery-new-media-close{top:10px;right:10px}}.slider-container{position:relative;width:100%;min-width:0;max-width:100%;display:flex;align-items:center}.slider{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:10px 45px;width:100%;min-width:0;box-sizing:border-box}.slider::-webkit-scrollbar{display:none}.slider{scrollbar-width:none}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:38px;height:60px;border:none;background:#00000073;color:#fff;font-size:42px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,opacity .2s ease}.slider-arrow:hover{background:#000000b3}.slider-arrow-left{left:0}.slider-arrow-right{right:0}.slider-preview .slide{flex:0 0 calc((100% - 48px)/5);aspect-ratio:1 / .85;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #00000026}.slider-preview img{width:100%;height:100%;object-fit:cover;display:block}.slider-full .slide{flex:0 0 320px;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000002e}.slider-full img{width:100%;display:block;object-fit:cover}.slider-container-preview,.slider-container-preview .slider{width:100%}@media (max-width: 768px){.slider{padding-left:38px;padding-right:38px}.slider-arrow{width:32px;height:52px;font-size:36px}.slider-preview .slide{flex:0 0 100%;width:100%;min-width:100%;height:180px;aspect-ratio:auto;border-radius:8px;overflow:hidden;scroll-snap-align:start}}@media (max-width: 480px){.slider{gap:8px;padding-left:34px;padding-right:34px}.slider-preview .slide{flex:0 0 100%;width:100%;min-width:100%;height:170px;aspect-ratio:auto;border-radius:8px;overflow:hidden;scroll-snap-align:start}.slider-arrow{width:28px;height:48px;font-size:32px}}.gallery-manager{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.gallery-header h1{margin:0;font-size:28px;font-weight:600;color:#f1f3f4}.btn-new-gallery{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.btn-new-gallery:hover{background:#2b2e34;border-color:#4a4f58}.btn-new-gallery:active{transform:scale(.98)}.gallery-list{display:grid;grid-template-columns:1fr;gap:20px}.gallery-card{background:#202327;border:1px solid #353941;border-radius:12px;padding:22px;box-sizing:border-box;box-shadow:0 4px 14px #00000038;transition:border-color .2s ease,box-shadow .2s ease}.gallery-card:hover{border-color:#41464f;box-shadow:0 8px 22px #00000047}.gallery-title-editable{margin:0 0 8px;color:#f1f3f4;font-size:20px;font-weight:600;cursor:pointer;transition:color .2s ease}.gallery-title-editable:hover{color:#8ab4f8}.gallery-card>p{margin:0 0 18px;color:#9aa0a6;font-size:14px}.gallery-title-input{width:100%;max-width:400px;padding:10px 12px;box-sizing:border-box;border:1px solid #5f6368;border-radius:7px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:20px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.gallery-title-input:focus{border-color:#8ab4f8;box-shadow:0 0 0 2px #8ab4f81f}.gallery-shortcode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.gallery-shortcode strong{color:#d7d9dc;font-size:14px;font-weight:600}.gallery-shortcode code{padding:8px 12px;border:1px solid #353941;border-radius:7px;background:#1b1d21;color:#8ab4f8;font-family:Consolas,Courier New,monospace;font-size:13px}.gallery-shortcode button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gallery-shortcode button:hover{background:#2b2e34;border-color:#4a4f58}.gallery-card .slider{margin-top:20px}.gallery-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.gallery-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#e8eaed;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.gallery-actions button:hover{background:#2b2e34;border-color:#4a4f58}.gallery-actions button:first-child{color:#f6a800}.gallery-actions button:last-child{color:#f28b82}.gallery-edit-media-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-edit-media-container{position:relative;width:100%;max-width:1500px;height:90vh;background:#202327;border:1px solid #353941;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0000008c}.gallery-edit-media-close{position:absolute;top:14px;right:14px;z-index:10000;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#9aa0a6;font-size:22px;font-weight:400;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.gallery-edit-media-close:hover{background:#2b2e34;border-color:#4a4f58;color:#f1f3f4}.gallery-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:12px;text-align:center}.gallery-empty h3{margin:0 0 8px;color:#f1f3f4;font-size:20px;font-weight:600}.gallery-empty p{margin:0;color:#9aa0a6;font-size:14px}@media (max-width: 768px){.gallery-manager{padding:20px}.gallery-header{flex-direction:column;align-items:stretch}.gallery-header h1{font-size:24px}.btn-new-gallery{width:100%}.gallery-card{padding:18px}.gallery-shortcode{align-items:flex-start;flex-direction:column}.gallery-shortcode code{width:100%;box-sizing:border-box;overflow-wrap:anywhere}.gallery-shortcode button{width:100%}.gallery-actions{flex-direction:column;align-items:stretch}.gallery-actions button{width:100%}.gallery-edit-media-overlay{padding:0}.gallery-edit-media-container{width:100%;height:100vh;border-radius:0;border:none}.gallery-edit-media-close{top:10px;right:10px}}.waple-slider-hero-preview{--slider-primary: #1667D9;--slider-background: #FFFFFF;--slider-text: #222222;--slider-price: #222222;--slider-button: #1667D9;--slider-button-hover: #0D55B8;--slider-button-background: #FFFFFF;--slider-font-family: Arial, Helvetica, sans-serif;--slider-title-size: 18px;--slider-price-size: 18px;--slider-title-weight: 600;--slider-price-weight: 700;width:100%;box-sizing:border-box;padding:24px;background:var(--slider-background);font-family:var(--slider-font-family),Arial,Helvetica,sans-serif;overflow:hidden}.waple-slider-hero-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.waple-slider-hero-preview-header h2{margin:0;color:var(--slider-text);font-size:28px;line-height:1.2;font-weight:var(--slider-title-weight)}.waple-slider-hero-preview-more{flex-shrink:0;color:var(--slider-primary);font-size:14px;font-weight:600;text-decoration:none}.waple-slider-hero-preview-container{position:relative;width:100%}.waple-slider-hero-preview-window{width:100%;overflow:hidden}.waple-slider-hero-preview-track{display:flex;width:100%;transition:transform .35s ease;will-change:transform}.waple-slider-hero-preview-card{flex:0 0 25%;box-sizing:border-box;padding:8px;min-width:0}.waple-slider-hero-preview-card>div{box-sizing:border-box}.waple-slider-hero-preview-image-wrapper{width:100%;overflow:hidden;background:#f7f7f7;border-radius:10px}.waple-slider-hero-preview-image{display:block;width:100%;height:190px;object-fit:cover;transition:transform .25s ease}.waple-slider-hero-preview-content{display:flex;flex-direction:column;height:auto;min-height:0;padding:14px}.waple-slider-hero-preview-content h3{margin:0 0 8px;color:var(--slider-text);font-size:var(--slider-title-size);line-height:1.3;font-weight:var(--slider-title-weight)}.waple-slider-hero-preview-sku{margin-bottom:10px;color:#777;font-size:13px;line-height:1.3}.waple-slider-hero-preview-price{margin-top:auto;margin-bottom:14px;color:var(--slider-price);font-size:var(--slider-price-size);line-height:1.2;font-weight:var(--slider-price-weight)}.waple-modal-body .waple-slider-hero-preview-add-cart{width:100%;box-sizing:border-box;padding:11px 14px;border:2px solid var(--slider-button);background:var(--slider-button-background);color:var(--slider-button);border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s ease}.waple-modal-body .waple-slider-hero-preview-add-cart:hover{background:var(--slider-button-hover);border-color:var(--slider-button-hover);color:#fff}.button-square .waple-slider-hero-preview-add-cart{border-radius:0}.button-rounded .waple-slider-hero-preview-add-cart{border-radius:10px}.button-pill .waple-slider-hero-preview-add-cart{border-radius:24px}.button-size-small .waple-slider-hero-preview-add-cart{padding:8px 12px;font-size:12px}.button-size-medium .waple-slider-hero-preview-add-cart{padding:11px 14px;font-size:13px}.button-size-large .waple-slider-hero-preview-add-cart{padding:14px 16px;font-size:14px}.waple-slider-hero-preview-prev,.waple-slider-hero-preview-next{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:#fff;color:#555;box-shadow:0 3px 12px #00000029;font-size:28px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.waple-slider-hero-preview-prev:hover,.waple-slider-hero-preview-next:hover{background:#f5f5f5;color:var(--slider-primary);box-shadow:0 5px 15px #0003}.waple-slider-hero-preview-prev{left:-12px}.waple-slider-hero-preview-next{right:-12px}.design-1 .waple-slider-hero-preview-card{padding:8px}.design-1 .waple-slider-hero-preview-card>div{background:#fff;border:1px solid #dddddd;border-radius:10px;box-shadow:0 3px 10px #00000014;overflow:hidden}.design-1 .waple-slider-hero-preview-card:hover>div{box-shadow:0 6px 16px #0000001f}.design-2 .waple-slider-hero-preview-card{padding:8px}.design-2 .waple-slider-hero-preview-card>div{background:var(--slider-background);border:none;border-radius:16px;box-shadow:0 8px 24px #0000001a;overflow:hidden}.design-2 .waple-slider-hero-preview-image-wrapper{border-radius:0}.design-2 .waple-slider-hero-preview-image{height:210px}.design-2 .waple-slider-hero-preview-card:hover .waple-slider-hero-preview-image{transform:scale(1.04)}.design-2 .waple-slider-hero-preview-content{padding:16px}.design-3 .waple-slider-hero-preview-card{padding:8px}.design-3 .waple-slider-hero-preview-card>div{position:relative;min-height:340px;background:#111;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026}.design-3 .waple-slider-hero-preview-image-wrapper{position:absolute;inset:0;height:100%;border-radius:0}.design-3 .waple-slider-hero-preview-image{width:100%;height:100%;object-fit:cover}.design-3 .waple-slider-hero-preview-card>div:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000d1,#0000000d);pointer-events:none}.design-3 .waple-slider-hero-preview-content{position:absolute;left:0;right:0;bottom:0;z-index:2;height:auto;padding:18px}.design-3 .waple-slider-hero-preview-content h3{color:#fff}.design-3 .waple-slider-hero-preview-sku{color:#ffffffbf}.design-3 .waple-slider-hero-preview-price{color:#fff}.design-3 .waple-slider-hero-preview-add-cart{background:var(--slider-button);border-color:var(--slider-button);color:#fff}.design-3 .waple-slider-hero-preview-add-cart:hover{background:var(--slider-button-hover);border-color:var(--slider-button-hover)}.design-4 .waple-slider-hero-preview-card{padding:8px}.design-4 .waple-slider-hero-preview-card>div{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden}.design-4 .waple-slider-hero-preview-image-wrapper{border-radius:6px}.design-4 .waple-slider-hero-preview-content{padding:12px 4px 4px}.design-4 .waple-slider-hero-preview-add-cart{border-width:1px}@media (max-width: 1100px){.waple-slider-hero-preview-card{flex:0 0 33.333333%}}@media (max-width: 768px){.waple-slider-hero-preview{padding:18px}.waple-slider-hero-preview-header{align-items:flex-start;flex-direction:column;gap:8px}.waple-slider-hero-preview-header h2{font-size:24px}.waple-slider-hero-preview-card{flex:0 0 50%}.waple-slider-hero-preview-image{height:170px}}@media (max-width: 480px){.waple-slider-hero-preview-card{flex:0 0 100%}.waple-slider-hero-preview-image{height:240px}.waple-slider-hero-preview-prev,.waple-slider-hero-preview-next{width:38px;height:38px;font-size:24px}}.slider-hero-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.slider-hero-form-actions+*{box-sizing:border-box}form input,form select{width:100%;box-sizing:border-box;margin-bottom:16px;padding:11px 12px;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}form input::placeholder{color:#8f969e}form input:focus,form select:focus{border-color:#8ab4f8;box-shadow:0 0 0 2px #8ab4f81f}form select{cursor:pointer}form select option{background:#202327;color:#e8eaed}.form-error{display:block;margin-top:-10px;margin-bottom:12px;color:#f28b82;font-size:13px}.slider-hero-cancel-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#d7d9dc;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.slider-hero-cancel-btn:hover{background:#2b2e34;border-color:#4a4f58;color:#fff}.slider-hero-save-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.slider-hero-save-btn:hover:not(:disabled){background:#2b2e34;border-color:#f6a800;color:#ffb300}.slider-hero-save-btn:disabled{opacity:.55;cursor:not-allowed}.slider-hero-color-control{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:center;width:100%}.slider-hero-color-control input[type=color]{width:100%;height:44px;padding:3px;cursor:pointer}.slider-hero-color-control input[type=text]{width:100%;height:44px;padding:0 10px;box-sizing:border-box;font-family:monospace;font-size:14px;text-transform:uppercase}@media (max-width: 600px){.slider-hero-color-control{grid-template-columns:1fr 95px}}@media (max-width: 768px){.slider-hero-form-actions{flex-direction:column;align-items:stretch}.slider-hero-cancel-btn,.slider-hero-save-btn{width:100%}}.slider-hero-form-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.slider-hero-form-section h3{grid-column:1 / -1;margin:0 0 2px}.slider-hero-form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.slider-hero-form-field input[type=color]{width:100%;height:44px}.slider-hero-form-field select{width:100%}@media (max-width: 900px){.slider-hero-form-section{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.slider-hero-form-section{grid-template-columns:1fr}}.slider-hero-editor-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:10px}.slider-hero-editor-form .slider-hero-form-field{min-width:0}.slider-hero-preview-section{position:sticky;bottom:0;z-index:20;margin-top:32px;padding-top:24px;padding-bottom:18px;border-top:1px solid #353941;background:#1b1d21}.slider-hero-preview-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}.slider-hero-preview-title h3{margin:0;color:#f1f3f4;font-size:18px;font-weight:600}.slider-hero-preview-title span{color:#8f949b;font-size:12px}.slider-hero-preview-wrapper{width:100%;padding:10px;box-sizing:border-box;background:#111315;border:1px solid #353941;border-radius:10px;overflow:hidden}@media (max-width: 900px){.slider-hero-editor-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.slider-hero-editor-form{grid-template-columns:1fr}.slider-hero-preview-title{flex-direction:column;align-items:flex-start;gap:5px}}.slider-hero-preview-wrapper{width:100%}.slider-hero-preview-wrapper .waple-slider-hero-preview{padding:8px}.slider-hero-preview-wrapper .waple-slider-hero-preview-header{margin-bottom:8px}.slider-hero-preview-wrapper .waple-slider-hero-preview-header h2{font-size:18px}.slider-hero-preview-wrapper .waple-slider-hero-preview-card{flex:0 0 25%;padding:3px}.slider-hero-preview-wrapper .waple-slider-hero-preview-card>div{border-radius:7px}.slider-hero-preview-wrapper .waple-slider-hero-preview-image-wrapper{border-radius:6px}.slider-hero-preview-wrapper .waple-slider-hero-preview-image{height:80px}.slider-hero-preview-wrapper .waple-slider-hero-preview-content{height:auto;padding:5px}.slider-hero-preview-wrapper .waple-slider-hero-preview-content h3{margin:0 0 3px;font-size:11px;line-height:1.15}.slider-hero-preview-wrapper .waple-slider-hero-preview-sku{margin-bottom:4px;font-size:9px;line-height:1.15}.slider-hero-preview-wrapper .waple-slider-hero-preview-price{margin-bottom:5px;font-size:12px}.slider-hero-preview-wrapper .waple-slider-hero-preview-add-cart{padding:5px 4px;font-size:9px;line-height:1.1;white-space:nowrap}.slider-hero-preview-wrapper .waple-slider-hero-preview-prev,.slider-hero-preview-wrapper .waple-slider-hero-preview-next{width:26px;height:26px;font-size:17px}.slider-hero-manager{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.slider-hero-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.slider-hero-header h1{margin:0;font-size:28px;font-weight:600;color:#f1f3f4}.btn-new-slider{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.btn-new-slider:hover{background:#2b2e34;border-color:#4a4f58}.btn-new-slider:active{transform:scale(.98)}.slider-hero-list{display:grid;grid-template-columns:1fr;gap:20px}.slider-hero-card{background:#202327;border:1px solid #353941;border-radius:12px;padding:22px;box-sizing:border-box;box-shadow:0 4px 14px #00000038;transition:border-color .2s ease,box-shadow .2s ease}.slider-hero-card:hover{border-color:#41464f;box-shadow:0 8px 22px #00000047}.slider-hero-title-editable{margin:0 0 8px;color:#f1f3f4;font-size:20px;font-weight:600;cursor:pointer;transition:color .2s ease}.slider-hero-title-editable:hover{color:#8ab4f8}.slider-hero-card>p{margin:0 0 18px;color:#9aa0a6;font-size:14px}.slider-hero-title-input{width:100%;max-width:400px;padding:10px 12px;box-sizing:border-box;border:1px solid #5f6368;border-radius:7px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:20px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.slider-hero-title-input:focus{border-color:#8ab4f8;box-shadow:0 0 0 2px #8ab4f81f}.slider-hero-shortcode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.slider-hero-shortcode strong{color:#d7d9dc;font-size:14px;font-weight:600}.slider-hero-shortcode code{padding:8px 12px;border:1px solid #353941;border-radius:7px;background:#1b1d21;color:#8ab4f8;font-family:Consolas,Courier New,monospace;font-size:13px}.slider-hero-shortcode button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.slider-hero-shortcode button:hover{background:#2b2e34;border-color:#4a4f58}.slider-hero-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.slider-hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#e8eaed;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.slider-hero-actions button:hover{background:#2b2e34;border-color:#4a4f58}.slider-hero-actions button:first-child{color:#f6a800}.slider-hero-actions button:last-child{color:#f28b82}.slider-hero-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:12px;text-align:center}.slider-hero-empty h3{margin:0 0 8px;color:#f1f3f4;font-size:20px;font-weight:600}.slider-hero-empty p{margin:0;color:#9aa0a6;font-size:14px}.slider-hero-manager .loader-container{padding:30px;text-align:center;color:#9aa0a6;font-size:14px}@media (max-width: 768px){.slider-hero-manager{padding:20px}.slider-hero-header{flex-direction:column;align-items:stretch}.slider-hero-header h1{font-size:24px}.btn-new-slider{width:100%}.slider-hero-card{padding:18px}.slider-hero-shortcode{align-items:flex-start;flex-direction:column}.slider-hero-shortcode code{width:100%;box-sizing:border-box;overflow-wrap:anywhere}.slider-hero-shortcode button{width:100%}.slider-hero-actions{flex-direction:column;align-items:stretch}.slider-hero-actions button{width:100%}}.slider-hero-page{width:100%;min-height:100%;padding:0}@media (max-width: 768px){.slider-hero-page{width:100%}}.waple-admin{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.waple-admin-header{margin-bottom:26px}.waple-admin-header h1{margin:0 0 6px;color:#f1f3f4;font-size:28px;font-weight:600}.waple-admin-header p{margin:0;color:#9aa0a6;font-size:14px}.waple-admin-content{width:100%;max-width:1200px}.waple-admin-card{width:100%;padding:24px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:12px;box-shadow:0 4px 16px #00000038}.waple-admin-card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.waple-admin-card-header h2{margin:0 0 6px;color:#f1f3f4;font-size:22px;font-weight:600}.waple-admin-card-header p{margin:0;color:#9aa0a6;font-size:13px}.waple-admin-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .15s ease,opacity .2s ease}.waple-admin-button:hover:not(:disabled){background:#2b2e34;border-color:#4a4f58;transform:translateY(-1px)}.waple-admin-button:active:not(:disabled){transform:translateY(0)}.waple-admin-button:disabled{opacity:.55;cursor:not-allowed}.waple-admin-search{width:100%;margin-bottom:20px}.waple-admin-search input{width:100%;height:44px;padding:0 14px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.waple-admin-search input::placeholder{color:#777e88}.waple-admin-search input:focus{border-color:#8ab4f8;background:#202327;box-shadow:0 0 0 2px #8ab4f81f}.waple-admin-table-container{width:100%;overflow-x:auto;border:1px solid #353941;border-radius:10px}.waple-admin-table{width:100%;border-collapse:collapse;background:#202327;color:#e8eaed;font-size:13px}.waple-admin-table th{padding:13px 12px;text-align:left;background:#24272c;color:#f1f3f4;border-bottom:1px solid #3a3e45;font-size:13px;font-weight:600}.waple-admin-table td{padding:13px 12px;color:#d7d9dc;border-bottom:1px solid #30343a;vertical-align:middle}.waple-admin-table tbody tr{transition:background-color .18s ease}.waple-admin-table tbody tr:hover{background:#272a2f}.waple-admin-table tbody tr:last-child td{border-bottom:none}.waple-admin-table td:first-child{color:#8ab4f8}.waple-admin-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-right:6px;padding:0 11px;border:1px solid #3a3e45;border-radius:7px;background:#24272c;color:#d7d9dc;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.waple-admin-action-button:hover{background:#2b2e34;border-color:#4a4f58;color:#fff}.waple-admin-action-button.delete{color:#f28b82;border-color:#4a3033;background:#2b2326}.waple-admin-action-button.delete:hover{background:#352326;border-color:#674044;color:#ff9d96}.waple-admin-form-group{margin-bottom:18px}.waple-admin-form-group label{display:block;margin-bottom:7px;color:#d7d9dc;font-size:13px;font-weight:600}.waple-admin-form-group input,.waple-admin-form-group select{width:100%;height:42px;padding:0 12px;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.waple-admin-form-group input::placeholder{color:#777e88}.waple-admin-form-group input:focus,.waple-admin-form-group select:focus{border-color:#8ab4f8;background:#202327;box-shadow:0 0 0 2px #8ab4f81f}.waple-admin-form-group input:disabled,.waple-admin-form-group select:disabled{color:#777e88;background:#24272c;cursor:not-allowed}.waple-admin-form-group select option{background:#202327;color:#f1f3f4}.waple-admin-form-error{margin-top:20px;padding:11px 13px;box-sizing:border-box;border:1px solid #5f353a;border-radius:8px;background:#2b2326;color:#f28b82;font-size:13px;font-weight:600}.waple-admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.waple-admin-modal-cancel{min-height:40px;padding:0 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#d7d9dc;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.waple-admin-modal-cancel:hover{background:#2b2e34;border-color:#4a4f58;color:#fff}.waple-admin-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.waple-admin-modal-body p{color:#b8bdc5}.waple-admin-action-button svg{width:13px;height:13px;padding:5px}@media (max-width: 700px){.waple-admin{padding:20px}.waple-admin-card{padding:18px}.waple-admin-card-header{flex-direction:column;align-items:stretch}.waple-admin-button{width:100%}.waple-admin-table{min-width:650px}.waple-admin-modal-actions,.waple-admin-form-actions{flex-direction:column}.waple-admin-modal-actions button,.waple-admin-form-actions button{width:100%}}@media (max-width: 480px){.waple-admin{padding:14px}.waple-admin-header h1{font-size:24px}.waple-admin-header p{font-size:13px}.waple-admin-card{padding:14px}}.company-page{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:#1b1d21;color:#e8eaed;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}.company-header{margin-bottom:26px}.company-header h1{margin:0 0 6px;color:#f1f3f4;font-size:28px;font-weight:600}.company-header p{margin:0;color:#9aa0a6;font-size:14px}.company-message{max-width:1100px;margin-bottom:18px;padding:12px 14px;box-sizing:border-box;border-radius:8px;font-size:14px}.company-message-error{background:#2b2326;border:1px solid #5f353a;color:#f28b82}.company-message-success{background:#202e25;border:1px solid #35583f;color:#81c995}.company-card{width:100%;max-width:1100px;padding:28px;box-sizing:border-box;background:#202327;border:1px solid #353941;border-radius:12px;box-shadow:0 4px 16px #00000038}.company-main{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.company-logo-section{display:flex;flex-direction:column;align-items:center}.company-logo-preview{width:180px;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:#1b1d21;border:1px dashed #4a4f58;border-radius:12px}.company-logo-preview img{display:block;width:100%;height:100%;object-fit:contain}.company-logo-preview span{color:#777e88;font-size:22px;font-weight:600}.company-logo-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 16px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.company-logo-button:hover{background:#2b2e34;border-color:#4a4f58}.company-logo-button:active{transform:scale(.98)}.company-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.company-form-group{display:flex;flex-direction:column;min-width:0}.company-form-group label{margin-bottom:7px;color:#d7d9dc;font-size:13px;font-weight:600}.company-form-group input,.company-form-group textarea{width:100%;box-sizing:border-box;border:1px solid #3a3e45;border-radius:8px;outline:none;background:#1b1d21;color:#f1f3f4;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.company-form-group input{height:44px;padding:0 13px}.company-form-group textarea{min-height:140px;padding:12px 13px;resize:vertical}.company-form-group input::placeholder,.company-form-group textarea::placeholder{color:#727980}.company-form-group input:focus,.company-form-group textarea:focus{border-color:#8ab4f8;background:#202327;box-shadow:0 0 0 2px #8ab4f81f}.company-description{margin-top:24px}.company-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #353941}.company-save-button{min-width:150px;height:44px;padding:0 20px;border:1px solid #3a3e45;border-radius:8px;background:#24272c;color:#f6a800;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,opacity .2s ease}.company-save-button:hover:not(:disabled){background:#2b2e34;border-color:#4a4f58;transform:translateY(-1px)}.company-save-button:active:not(:disabled){transform:translateY(0)}.company-save-button:disabled{opacity:.55;cursor:not-allowed}.company-loading,.company-empty{min-height:300px;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;color:#9aa0a6;font-size:14px;text-align:center}.company-loading{flex-direction:column;gap:12px}.company-logo-button,.company-save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 800px){.company-page,.company-card{padding:20px}.company-main{grid-template-columns:1fr;gap:24px}.company-logo-section{align-items:flex-start}.company-form{grid-template-columns:1fr}.company-actions{justify-content:stretch}.company-save-button{width:100%}}@media (max-width: 480px){.company-page{padding:14px}.company-header h1{font-size:24px}.company-header p{font-size:13px}.company-card{padding:16px}.company-logo-preview{width:150px;height:150px}.company-logo-button{width:100%}}body{margin:0;font-family:Arial,sans-serif;transition:background .3s,color .3s}.light{--bg: #f9f9f9;--text: #222;--card-bg: #fff;--table-header: #1f2937;--table-hover: #f0f8ff;--btn: #0073aa;--btn-hover: #005f87}.dark{--bg: #121212;--text: #eee;--card-bg: #1e1e1e;--table-header: #333;--table-hover: #1e293b;--btn: #0ea5e9;--btn-hover: #0284c7}body,.light,.dark{background:var(--bg);color:var(--text)}.company-selector{display:flex;align-items:center;gap:10px;margin-bottom:20px}.company-selector label{font-size:15px;font-weight:600;color:#fff}.company-selector select{min-width:190px;height:42px;padding:0 42px 0 14px;border:1px solid #d1d5db;border-radius:10px;background-color:#fff;color:#1f2937;font-size:14px;font-weight:500;cursor:pointer;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 12px) 17px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.company-selector select:hover{border-color:#6366f1;background-color:#f9fafb}.company-selector select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.company-selector select option{padding:10px;background-color:#fff;color:#1f2937}.app-content{margin-left:270px;min-height:100vh;box-sizing:border-box}.login-content{margin-left:0}@media (max-width: 768px){.app-content{margin-left:0;padding-bottom:70px}.company-selector{display:none}}