:root{--primary-color: #646cff;--secondary-color: #535bf2;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--button-bg: #1a1a1a;--button-border: transparent;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--bg-color: #ffffff;--text-color: #213547;--button-bg: #f9f9f9}}html{width:100%;margin:0;padding:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:var(--text-color)}a{font-weight:500;color:var(--primary-color);text-decoration:inherit;transition:color .25s}a:hover{color:var(--secondary-color)}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,color .25s,background-color .25s}button:hover{border-color:var(--primary-color);color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.login-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%;max-width:400px}@media(min-width:768px){.login-card{max-width:450px;padding:2.5rem}}@media(min-width:1024px){.login-card{max-width:500px;padding:3rem}}.login-card h2{margin:0 0 1.5rem;color:#333;text-align:center}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.login-button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:#0056b3}.login-button:disabled{background-color:#6c757d;cursor:not-allowed}.login-error{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.register-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.register-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%;max-width:500px}@media(min-width:768px){.register-card{max-width:600px;padding:2.5rem}}@media(min-width:1024px){.register-card{max-width:700px;padding:3rem}}.register-card h2{margin:0 0 1.5rem;color:#333;text-align:center}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.roles-checkboxes{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.role-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.role-checkbox:hover{background-color:#f8f9fa}.role-checkbox input[type=checkbox]{width:auto;cursor:pointer}.role-checkbox span{flex:1}.role-checkbox small{color:#6c757d;font-size:.875rem}.register-button{width:100%;padding:.75rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.register-button:hover:not(:disabled){background-color:#218838}.register-button:disabled{background-color:#6c757d;cursor:not-allowed}.register-error{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}:root{--admin-bg-primary: #ffffff;--admin-bg-secondary: #f8f9fa;--admin-bg-tertiary: #f1f3f5;--admin-bg-sidebar: #1a1a1a;--admin-bg-sidebar-hover: #2a2a2a;--admin-bg-sidebar-active: #0a0a0a;--admin-text-primary: #000000;--admin-text-secondary: #4a4a4a;--admin-text-tertiary: #8a8a8a;--admin-text-sidebar: #ffffff;--admin-text-sidebar-muted: #b0b0b0;--admin-border-light: #e0e0e0;--admin-border-medium: #c0c0c0;--admin-border-dark: #404040;--admin-border-sidebar: rgba(255, 255, 255, .1);--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--admin-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--admin-shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--admin-shadow-xl: 0 20px 25px rgba(0, 0, 0, .2);--admin-accent: var(--primary-color, #000000);--admin-accent-hover: var(--secondary-color, #2a2a2a);--admin-accent-light: color-mix(in srgb, var(--primary-color, #000000), white 90%)}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg-secondary)}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--admin-bg-sidebar);color:var(--admin-text-sidebar);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease,width .3s ease;overflow-y:auto;box-shadow:var(--admin-shadow-lg)}.admin-sidebar.closed{width:80px}.admin-sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-border-sidebar);min-height:70px;background:var(--admin-bg-sidebar-active)}.admin-sidebar.closed .admin-sidebar-header{flex-direction:column;gap:1rem;padding:1rem}.admin-logo{display:flex;align-items:center;text-decoration:none;flex:1;justify-content:center;color:var(--admin-text-sidebar)}.admin-logo-text{font-size:1.5rem;font-weight:700}.admin-sidebar.closed .admin-logo-text{font-size:1rem}.sidebar-toggle{background:transparent;border:none;color:var(--admin-text-sidebar);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.sidebar-toggle:hover{background:var(--admin-bg-sidebar-hover)}.desktop-only{display:block}.mobile-only{display:none}.admin-nav{flex:1;padding:1rem 0;overflow-y:auto}.admin-nav-list{list-style:none;margin:0;padding:0}.admin-nav-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--admin-text-sidebar-muted);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:.95rem;font-weight:500;position:relative}.admin-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--admin-accent);transition:width .2s ease}.admin-nav-item:hover{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent)}.admin-nav-item:hover:before{width:3px}.admin-nav-item.active{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent);font-weight:600}.admin-nav-item.active:before{width:3px}.admin-nav-icon{font-size:1.25rem;margin-right:.75rem;min-width:20px;z-index:1}.admin-nav-label{z-index:1;flex:1}.admin-sidebar.closed .admin-nav-label{opacity:0;width:0;overflow:hidden}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:.875rem}.admin-sidebar.closed .admin-nav-icon{margin-right:0}.admin-sidebar-footer{border-top:1px solid var(--admin-border-sidebar);padding:1rem 0;background:var(--admin-bg-sidebar-active)}.admin-footer-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--admin-text-sidebar-muted);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:.95rem;font-weight:500;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;position:relative}.admin-footer-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--admin-accent);transition:width .2s ease}.admin-footer-item:hover{background:var(--admin-bg-sidebar-hover);color:var(--admin-text-sidebar);border-left-color:var(--admin-accent)}.admin-footer-item:hover:before{width:3px}.admin-footer-icon{font-size:1.25rem;margin-right:.75rem;min-width:20px;z-index:1}.admin-footer-label{z-index:1}.admin-sidebar.closed .admin-footer-item{justify-content:center;padding:.875rem;border-left:none}.admin-sidebar.closed .admin-footer-item:before{display:none}.admin-sidebar.closed .admin-footer-icon{margin-right:0}.admin-sidebar.closed .admin-footer-label{opacity:0;width:0;overflow:hidden}.admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column;transition:margin-left .3s ease;min-height:100vh}.admin-sidebar.closed~.admin-main{margin-left:80px}.admin-header{background:var(--admin-bg-primary);border-bottom:1px solid var(--admin-border-light);padding:1.25rem 2rem;display:flex;align-items:center;box-shadow:var(--admin-shadow-sm);position:sticky;top:0;z-index:100}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--admin-text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;border-radius:6px}.mobile-menu-toggle:hover{background:var(--admin-bg-tertiary)}.admin-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-page-title{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary);margin:0}.admin-header-actions{display:flex;align-items:center;gap:1rem}.admin-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;padding:.5rem 1rem;background:var(--admin-bg-tertiary);border-radius:8px}.admin-user-name{color:var(--admin-text-secondary);font-size:.9rem;font-weight:500}.admin-user-role{color:var(--admin-text-tertiary);font-size:.75rem}.admin-content{flex:1;padding:2rem;overflow-y:auto;background:var(--admin-bg-secondary)}.admin-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:999}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);width:280px}.admin-sidebar.mobile-open{transform:translate(0)}.admin-main{margin-left:0}.mobile-menu-toggle{display:block}.desktop-only{display:none}.mobile-only,.admin-overlay{display:block}}@media(max-width:768px){.admin-header{padding:1rem}.admin-page-title{font-size:1.5rem}.admin-content{padding:1rem}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:var(--admin-bg-sidebar-active)}.admin-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:var(--admin-bg-secondary)}.admin-content::-webkit-scrollbar-thumb{background:var(--admin-border-medium);border-radius:4px}.admin-dashboard{width:100%}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 .5rem}.dashboard-header p{font-size:1rem;color:var(--admin-text-secondary);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px;padding:1.5rem;box-shadow:var(--admin-shadow-sm)}.stat-card h3{font-size:.875rem;font-weight:500;color:var(--admin-text-secondary);text-transform:uppercase;margin:0 0 .5rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--admin-text-primary);margin:0}.dashboard-user-info{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px;padding:1.5rem;box-shadow:var(--admin-shadow-sm)}.dashboard-user-info h3{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 1rem}.dashboard-user-info p{margin:.5rem 0;color:var(--admin-text-secondary)}.admin-dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:var(--admin-shadow-sm)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn-icon{display:flex;align-items:center;font-size:1rem}.ui-btn-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-btn-primary{background:var(--admin-accent);color:var(--admin-bg-primary);border-color:var(--admin-accent)}.ui-btn-primary:hover:not(:disabled){background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.ui-btn-outline{background:var(--admin-bg-primary);color:var(--admin-accent);border:2px solid var(--admin-accent)}.ui-btn-outline:hover:not(:disabled){background:var(--admin-accent);color:var(--admin-bg-primary);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.ui-btn-danger{background:var(--admin-accent);color:var(--admin-bg-primary);border-color:var(--admin-accent)}.ui-btn-danger:hover:not(:disabled){background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.ui-btn-ghost{background:transparent;color:var(--admin-text-primary);border-color:transparent;box-shadow:none}.ui-btn-ghost:hover:not(:disabled){background:var(--admin-bg-tertiary)}.ui-btn-full{width:100%}.modal-ui-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}.modal-ui-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px;box-shadow:var(--admin-shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;width:100%;max-width:500px}.modal-ui-sm{max-width:400px}.modal-ui-md{max-width:600px}.modal-ui-lg{max-width:900px}.modal-ui-xl{max-width:1200px}.modal-ui-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--admin-border-light)}.modal-ui-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--admin-text-primary)}.modal-ui-close{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border-light);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;transition:all .2s ease}.modal-ui-close:hover{background:var(--admin-bg-secondary)}.modal-ui-body{padding:1.5rem}@media(max-width:768px){.modal-ui-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.modal-ui-overlay{padding:0}}.admin-banners{width:100%}.admin-banners-header{margin-bottom:2.5rem;width:100%}.admin-banners-header h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-banners-header p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.banner-admin{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;margin:0;box-shadow:var(--admin-shadow-sm);width:100%;box-sizing:border-box}.banner-admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--admin-border-light);gap:1rem;flex-wrap:wrap}.banner-admin-header h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--admin-text-primary)}.banner-admin-header p{margin:4px 0 0;color:var(--admin-text-secondary);font-size:14px}.upload-btn{border:2px dashed var(--admin-border-medium);padding:.875rem 1.5rem;border-radius:12px;cursor:pointer;background:var(--admin-bg-tertiary);transition:all .3s ease;min-width:140px;max-width:100%;text-align:center;font-weight:600;color:var(--admin-text-primary);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;white-space:nowrap;box-sizing:border-box}.upload-btn:hover:not(.disabled){background:var(--admin-bg-secondary);border-color:var(--admin-accent);color:var(--admin-accent);transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.upload-btn.disabled{opacity:.6;cursor:not-allowed}.upload-btn input{display:none}.upload-progress{margin-top:1rem;height:6px;background:var(--admin-border-light);border-radius:3px;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-hover));transition:width .3s ease;border-radius:3px}.banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:1.5rem}.banner-card{border:2px solid var(--admin-border-light);border-radius:16px;overflow:hidden;background:var(--admin-bg-primary);box-shadow:var(--admin-shadow-sm);position:relative;transition:all .3s ease;cursor:move}.banner-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.banner-card.dragging{opacity:.5;transform:scale(.98);cursor:grabbing}.banner-card.drag-over{border-color:var(--admin-accent);border-style:dashed;transform:scale(1.02)}.banner-thumb{position:relative;overflow:hidden}.banner-thumb img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s ease}.banner-card:hover .banner-thumb img{transform:scale(1.05)}.thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0000004d);pointer-events:none;opacity:0;transition:opacity .3s ease}.banner-card:hover .thumb-overlay{opacity:1}.badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}.badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003;text-transform:uppercase;letter-spacing:.5px}.badge.order,.badge.estado.on{background:#000000d9}.badge.estado.off{background:#646464d9}.actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:all .3s ease;z-index:2}.banner-card:hover .actions{opacity:1;transform:translateY(0)}.actions button{border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease;box-shadow:var(--admin-shadow-md);color:var(--admin-text-primary);display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px}.actions button:hover{transform:translateY(-2px) scale(1.1);box-shadow:var(--admin-shadow-lg);background:var(--admin-bg-primary)}.actions button.danger{background:#000000e6;color:var(--admin-bg-primary)}.actions button.danger:hover{background:#000}.drag-handle{position:absolute;top:12px;left:12px;z-index:3;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:8px;cursor:grab;color:var(--admin-text-primary);box-shadow:var(--admin-shadow-md);opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.banner-card:hover .drag-handle{opacity:1}.banner-card.dragging .drag-handle{cursor:grabbing;opacity:1;transform:scale(1.1)}.edit-panel{padding:1.5rem;border-top:2px solid var(--admin-border-light);background:var(--admin-bg-tertiary);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fields{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.fields label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--admin-text-primary)}.field{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:10px;font-size:.9rem;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.field:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.field::placeholder{color:var(--admin-text-tertiary)}.edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-actions button,.edit-actions a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;font-family:inherit}.edit-actions .save{background:var(--admin-accent);color:var(--admin-bg-primary);box-shadow:var(--admin-shadow-md)}.edit-actions .save:hover{background:var(--admin-accent-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-lg)}.edit-actions .cancel{background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);color:var(--admin-text-primary)}.edit-actions .cancel:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-border-medium);transform:translateY(-2px)}.edit-actions .link-preview{color:var(--admin-text-primary);border:2px solid var(--admin-border-light);background:var(--admin-bg-tertiary)}.edit-actions .link-preview:hover{background:var(--admin-bg-secondary);border-color:var(--admin-border-medium);transform:translateY(-2px)}.hint{color:var(--admin-text-secondary);font-size:.85rem;margin-top:1rem;text-align:center;padding:1rem;background:var(--admin-bg-tertiary);border-radius:10px;border:1px solid var(--admin-border-light);line-height:1.6}.banners-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.banner-admin{padding:1.5rem}.banner-admin-header{flex-direction:column;align-items:stretch;gap:16px}.banner-admin-header h3{font-size:1.25rem}.upload-btn{width:100%;min-width:unset;max-width:100%;justify-content:center}.banners-grid{grid-template-columns:1fr;gap:16px}.edit-actions{flex-direction:column}.edit-actions button,.edit-actions a{width:100%;justify-content:center}}.product-form{width:100%;margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none;box-sizing:border-box}.product-form h2{margin-top:0;margin-bottom:24px;color:var(--admin-text-primary);display:none}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:2px solid var(--admin-border-light);border-radius:6px;font-size:14px;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);box-sizing:border-box}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}@media(min-width:768px){.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}}@media(min-width:1024px){.form-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}}@media(min-width:1920px){.form-row{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}}.form-actions{margin-top:30px;padding-top:20px;border-top:1px solid var(--admin-border-light);display:flex;gap:12px;justify-content:flex-end}.products-list{width:100%;margin:0;padding:0;box-sizing:border-box}.products-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem}.products-loading,.products-empty{text-align:center;padding:40px;color:#6b7280}.products-error{text-align:center;padding:40px;color:#dc2626}.products-error button{margin-top:10px;padding:8px 16px;background:var(--admin-accent);color:var(--admin-bg-primary);border:2px solid var(--admin-accent);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.products-error button:hover{background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-sm)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(min-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}}@media(min-width:1440px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}}@media(min-width:1920px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px}}.product-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px;overflow:hidden;box-shadow:var(--admin-shadow-sm);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.product-image{width:100%;height:200px;background:var(--admin-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{color:#9ca3af;font-size:14px}.product-info{padding:16px}.product-info h3{margin:0 0 8px;color:var(--admin-text-primary);font-size:18px}.product-description{color:var(--admin-text-secondary);font-size:14px;margin:8px 0;line-height:1.5}.product-price{margin:12px 0;font-size:20px;font-weight:700;color:var(--admin-text-primary)}.price-old{text-decoration:line-through;color:#9ca3af;margin-right:8px;font-size:16px}.price-new{color:#dc2626}.product-code{font-size:12px;color:var(--admin-text-secondary);margin:4px 0}.product-badges{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.status-active{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border-light)}.badge.status-inactive{background:var(--admin-bg-tertiary);color:var(--admin-text-secondary);border:1px solid var(--admin-border-light)}.badge.featured{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border-light)}.product-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.delete-button{padding:6px 12px;background:var(--admin-accent);color:var(--admin-bg-primary);border:2px solid var(--admin-accent);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.delete-button:hover{background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-sm)}.admin-products{width:100%}.admin-products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-products-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 .5rem}.admin-products-title-section p{font-size:1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.admin-products-header{flex-direction:column}}.category-form{width:100%;margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none;box-sizing:border-box}.category-form h2{margin-top:0;margin-bottom:24px;color:var(--admin-text-primary);display:none}.form-error{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);padding:12px;border-radius:6px;margin-bottom:20px;border:2px solid var(--admin-border-medium)}.form-group label{display:block;margin-bottom:6px;color:var(--admin-text-primary);font-weight:500;font-size:14px}.form-group label .required{color:var(--admin-text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:2px solid var(--admin-border-light);border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box;background:var(--admin-bg-primary);color:var(--admin-text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{display:flex;align-items:center;padding-top:28px}.checkbox-group label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.submit-button{padding:12px 24px;background:var(--admin-accent);color:var(--admin-bg-primary);border:2px solid var(--admin-accent);border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.submit-button:hover:not(:disabled){background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.submit-button:disabled{background:var(--admin-border-medium);border-color:var(--admin-border-medium);cursor:not-allowed;opacity:.6}.cancel-button{padding:12px 24px;background:var(--admin-bg-primary);color:var(--admin-text-primary);border:2px solid var(--admin-border-medium);border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--admin-bg-tertiary);border-color:var(--admin-border-dark)}.categories-list{width:100%;margin:0;padding:0;box-sizing:border-box}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:12px}.header-actions{display:flex;gap:12px;align-items:center}.categories-header h2{margin:0;color:#333}.refresh-button{padding:.5rem 1rem;background:var(--admin-accent);color:var(--admin-bg-primary);border:2px solid var(--admin-accent);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.refresh-button:hover{background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-sm)}.categories-loading,.categories-empty{text-align:center;padding:3rem;color:var(--admin-text-secondary);background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px}.categories-error{text-align:center;padding:3rem;color:var(--admin-text-primary);background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px}.categories-error button{margin-top:10px;padding:8px 16px;background:var(--admin-accent);color:var(--admin-bg-primary);border:2px solid var(--admin-accent);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.categories-error button:hover{background:var(--admin-accent-hover);box-shadow:var(--admin-shadow-sm)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media(min-width:768px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}@media(min-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media(min-width:1440px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}}@media(min-width:1920px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px}}.category-card{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:8px;padding:20px;box-shadow:var(--admin-shadow-sm);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.category-card h3{margin:0 0 12px;color:var(--admin-text-primary);font-size:18px}.category-description{color:var(--admin-text-secondary);font-size:14px;margin:8px 0;line-height:1.5}.category-parent{font-size:12px;color:var(--admin-text-tertiary);margin:8px 0}.category-parent .label{font-weight:500}.category-badge{margin-top:12px;padding-top:12px;border-top:1px solid var(--admin-border-light)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.active{background:#d1fae5;color:#065f46}.badge.inactive{background:#fee2e2;color:#991b1b}.admin-categories{width:100%}.admin-categories-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-categories-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 .5rem}.admin-categories-title-section p{font-size:1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.admin-categories-header{flex-direction:column}}.size-type-form{width:100%}.form-help-text{margin:.5rem 0 0 2rem;font-size:.875rem;color:var(--admin-text-secondary);line-height:1.5}.size-form{width:100%}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.form-group select{cursor:pointer}.size-types-list{display:flex;flex-direction:column;gap:1rem}.size-type-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.size-type-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.size-type-card.inactive{opacity:.7;background:var(--admin-bg-primary)}.size-type-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.size-type-info{flex:1}.size-type-info h3{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 .5rem}.size-type-description{color:var(--admin-text-secondary);font-size:.9rem;margin:.5rem 0}.size-type-stats{color:var(--admin-text-secondary);font-size:.9rem;font-weight:500}.size-type-status{flex-shrink:0}.size-type-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.size-types-empty{text-align:center;padding:4rem 2rem;background:var(--admin-bg-secondary);border:2px dashed var(--admin-border-light);border-radius:12px}.size-types-empty p{font-size:1.1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.size-type-card-header{flex-direction:column}.size-type-card-actions{width:100%;justify-content:flex-end}}.sizes-list{display:flex;flex-direction:column;gap:2.5rem}.size-type-group{margin-bottom:2.5rem}.size-type-group:last-child{margin-bottom:0}.size-type-group h3{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--admin-border-light)}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.size-card{background:var(--admin-bg-tertiary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.25rem;transition:all .3s ease;box-shadow:var(--admin-shadow-sm)}.size-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md);transform:translateY(-2px);background:var(--admin-bg-primary)}.size-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.size-name{font-size:1.1rem;font-weight:700;color:var(--admin-text-primary);flex:1}.size-card-actions{display:flex;gap:.5rem;flex-shrink:0}.size-card-meta{color:var(--admin-text-secondary);font-size:.9rem;padding-top:.75rem;border-top:1px solid var(--admin-border-light);margin-top:.75rem}.sizes-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary);background:var(--admin-bg-tertiary);border:2px dashed var(--admin-border-medium);border-radius:12px;font-size:1.1rem;font-weight:500}.sizes-empty-type{text-align:center;padding:2rem;color:var(--admin-text-secondary);background:var(--admin-bg-tertiary);border:1px dashed var(--admin-border-light);border-radius:8px;font-size:.95rem}@media(max-width:768px){.sizes-grid{grid-template-columns:1fr}.size-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.size-card-actions{width:100%;justify-content:flex-end}}.admin-sizes{width:100%}.admin-sizes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-sizes-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-sizes-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-sizes-stats{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;flex-wrap:wrap;border:1px solid var(--admin-border-light);align-items:center}.admin-sizes-content{display:flex;flex-direction:column;gap:3rem}.sizes-section{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.sizes-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--admin-border-light)}.sizes-section-header h2{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary)}.sizes-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-sizes-header{flex-direction:column}.admin-sizes-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.sizes-section{padding:1.5rem}.sizes-section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.measure-type-form{width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.form-group input[type=text]:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.measure-types-list{display:flex;flex-direction:column;gap:1rem}.measure-type-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.measure-type-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.measure-type-card.inactive{opacity:.7;background:var(--admin-bg-primary)}.measure-type-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.measure-type-info{flex:1}.measure-type-info h3{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 .5rem}.measure-type-description{color:var(--admin-text-secondary);font-size:.9rem;margin:.5rem 0}.measure-type-unit{color:var(--admin-text-secondary);font-size:.9rem;font-weight:500;margin:.5rem 0}.measure-type-status{flex-shrink:0}.measure-type-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.measure-types-empty{text-align:center;padding:4rem 2rem;background:var(--admin-bg-secondary);border:2px dashed var(--admin-border-light);border-radius:12px}.measure-types-empty p{font-size:1.1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.measure-type-card-header{flex-direction:column}.measure-type-card-actions{width:100%;justify-content:flex-end}}.admin-measures{width:100%}.admin-measures-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-measures-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-measures-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-measures-stats{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;flex-wrap:wrap;border:1px solid var(--admin-border-light);align-items:center}.admin-measures-content{display:flex;flex-direction:column;gap:3rem}.measures-section{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.measures-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--admin-border-light)}.measures-section-header h2{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary)}.measures-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-measures-header{flex-direction:column}.admin-measures-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.measures-section{padding:1.5rem}.measures-section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.gender-form{width:100%}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.genders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.gender-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.gender-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.gender-card.inactive{opacity:.7;background:var(--admin-bg-primary)}.gender-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.gender-info{flex:1}.gender-card-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.gender-card-title h3{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0}.gender-description{color:var(--admin-text-secondary);font-size:.9rem;margin:.5rem 0}.gender-order-badge{display:inline-block;padding:.25rem .75rem;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-light);border-radius:6px;font-size:.85rem;color:var(--admin-text-secondary);font-weight:500;margin-top:.5rem}.gender-status{flex-shrink:0}.gender-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.genders-empty{text-align:center;padding:4rem 2rem;background:var(--admin-bg-secondary);border:2px dashed var(--admin-border-light);border-radius:12px}.genders-empty p{font-size:1.1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.genders-list{grid-template-columns:1fr}.gender-card-header{flex-direction:column}.gender-card-actions{width:100%;justify-content:flex-end}}.admin-genders{width:100%}.admin-genders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-genders-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-genders-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-genders-stats{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;flex-wrap:wrap;border:1px solid var(--admin-border-light);align-items:center}.admin-genders-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.genders-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-genders-header{flex-direction:column}.admin-genders-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.admin-genders-content{padding:1.5rem}}.color-form{width:100%}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.color-preview{margin-bottom:1.5rem;padding:1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-light);border-radius:8px}.preview-label{display:block;font-size:.9rem;font-weight:600;color:var(--admin-text-secondary);margin-bottom:.75rem}.color-preview-sample{display:flex;align-items:center;gap:1rem}.preview-color-box{width:60px;height:60px;border-radius:8px;border:2px solid var(--admin-border-light);display:inline-block;box-shadow:0 2px 4px #0000001a}.preview-color-text{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--admin-text-primary)}.colors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.color-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.color-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.color-card.inactive{opacity:.7;background:var(--admin-bg-primary)}.color-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.color-info{flex:1}.color-name{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 .5rem}.color-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.color-sample{width:40px;height:40px;border-radius:8px;border:2px solid var(--admin-border-light);display:inline-block;box-shadow:0 2px 4px #0000001a}.color-hex{display:inline-block;padding:.25rem .75rem;background:var(--admin-bg-primary);color:var(--admin-text-secondary);border-radius:4px;font-size:.85rem;font-weight:500;font-family:Courier New,monospace}.color-status{flex-shrink:0}.color-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:768px){.colors-list{grid-template-columns:1fr}.color-card-header{flex-direction:column}.color-card-actions{width:100%;justify-content:flex-end}}.admin-colors{width:100%}.admin-colors-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:1.5rem}.admin-colors-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-colors-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-colors-search{margin-bottom:2rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.25rem;color:var(--admin-text-tertiary);font-size:1.1rem;z-index:1}.search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid var(--admin-border-light);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-weight:400;box-sizing:border-box}.search-input::placeholder{color:var(--admin-text-tertiary)}.search-input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d;background:var(--admin-bg-primary)}.search-results{margin-top:.75rem;font-size:.9rem;color:var(--admin-text-secondary);font-weight:500}.admin-colors-stats{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;flex-wrap:wrap;border:1px solid var(--admin-border-light);align-items:center}.admin-colors-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.colors-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}.admin-colors-empty{text-align:center;padding:5rem 2rem;background:var(--admin-bg-primary);border:2px dashed var(--admin-border-medium);border-radius:16px;box-shadow:var(--admin-shadow-sm)}.admin-colors-empty p{font-size:1.2rem;color:var(--admin-text-secondary);margin-bottom:2rem;font-weight:500}@media(max-width:768px){.admin-colors-header{flex-direction:column}.admin-colors-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.admin-colors-content{padding:1.5rem}}.brand-form{width:100%}.brands-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.brand-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--admin-shadow-sm)}.brand-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.brand-card.inactive{opacity:.7;background:var(--admin-bg-primary)}.brand-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.brand-info{flex:1}.brand-card-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.brand-logo{width:50px;height:50px;object-fit:contain;border-radius:8px;border:1px solid var(--admin-border-light);background:var(--admin-bg-primary);padding:.25rem}.brand-card-title h3{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0}.brand-description{color:var(--admin-text-secondary);font-size:.9rem;margin:.5rem 0}.brand-status{flex-shrink:0}.brand-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.brands-empty{text-align:center;padding:4rem 2rem;background:var(--admin-bg-secondary);border:2px dashed var(--admin-border-light);border-radius:12px}.brands-empty p{font-size:1.1rem;color:var(--admin-text-secondary);margin:0}@media(max-width:768px){.brands-list{grid-template-columns:1fr}.brand-card-header{flex-direction:column}.brand-card-actions{width:100%;justify-content:flex-end}}.admin-brands{width:100%}.admin-brands-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-brands-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-brands-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-brands-stats{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;flex-wrap:wrap;border:1px solid var(--admin-border-light);align-items:center}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--admin-text-primary)}.stat-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--admin-text-secondary)}.stat-checkbox input[type=checkbox]{cursor:pointer}.admin-brands-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.brands-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-brands-header{flex-direction:column}.admin-brands-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.admin-brands-content{padding:1.5rem}}.stock-form{width:100%}.stock-form-product{padding:1rem;background:var(--admin-bg-tertiary);border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;color:var(--admin-text-primary)}.stock-form-product strong{color:var(--admin-text-primary);font-weight:600}.form-group input[type=number]{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.stock-list{width:100%;overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary);border-radius:8px;overflow:hidden}.stock-table thead{background:var(--admin-bg-tertiary)}.stock-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.stock-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.stock-row:hover{background:var(--admin-bg-tertiary)}.stock-row.no-stock{background:#ef44440d}.stock-row.low-stock{background:#fbbf240d}.stock-product strong{font-weight:600;color:var(--admin-text-primary)}.stock-code{color:var(--admin-text-secondary);font-size:.9rem}.stock-quantity{font-weight:600}.quantity-value{font-size:1.1rem;color:var(--admin-text-primary)}.stock-min,.stock-max{color:var(--admin-text-secondary)}.status-badge.normal{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.low-stock{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.no-stock{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stock-actions{display:flex;gap:.5rem}@media(max-width:768px){.stock-table{font-size:.85rem}.stock-table th,.stock-table td{padding:.75rem .5rem}.stock-actions{flex-direction:column}}.admin-stock{width:100%}.admin-stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-stock-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-stock-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-stock-actions{display:flex;gap:1rem}.stock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card.warning{border-color:#fbbf244d;background:#fbbf240d}.stat-card.danger{border-color:#ef44444d;background:#ef44440d}.stat-card.info{border-color:#3b82f64d;background:#3b82f60d}.stat-card.warning .stat-icon{color:#fbbf24}.stat-card.danger .stat-icon{color:#ef4444}.stat-card.info .stat-icon{color:#3b82f6}.admin-stock-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease}.search-results{font-size:.9rem;color:var(--admin-text-secondary)}.admin-stock-filters{margin-bottom:1.5rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;border:1px solid var(--admin-border-light)}.filter-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--admin-text-primary)}.filter-checkbox input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--admin-accent)}.admin-stock-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.admin-stock-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.admin-stock-empty p{font-size:1.1rem;margin-bottom:1.5rem}.stock-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-stock-header{flex-direction:column}.stock-stats{grid-template-columns:1fr}.admin-stock-search{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:100%}.admin-stock-content{padding:1.5rem}}.client-form{width:100%}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.clients-list{width:100%;overflow-x:auto}.clients-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary);border-radius:8px;overflow:hidden}.clients-table thead{background:var(--admin-bg-tertiary)}.clients-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.clients-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.clients-table tr:hover{background:var(--admin-bg-tertiary)}.clients-table tr.inactive{opacity:.7}.client-name{display:flex;align-items:center;gap:.75rem}.client-icon{color:var(--admin-accent);font-size:1.1rem}.client-name strong{font-weight:600;color:var(--admin-text-primary)}.client-contact{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--admin-text-secondary)}.contact-item svg{color:var(--admin-accent)}.no-contact{color:var(--admin-text-secondary);font-style:italic}.client-document{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--admin-text-secondary)}.client-document svg{color:var(--admin-accent)}.no-document{color:var(--admin-text-secondary);font-style:italic}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600}.client-actions{display:flex;gap:.5rem}.clients-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.clients-empty svg{color:var(--admin-text-secondary);margin-bottom:1rem}.clients-empty p{font-size:1.1rem;margin:0}@media(max-width:768px){.clients-table{font-size:.85rem}.clients-table th,.clients-table td{padding:.75rem .5rem}.client-actions{flex-direction:column}}.admin-clients{width:100%}.admin-clients-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-clients-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-clients-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-clients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-clients-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px;border:1px solid var(--admin-border-light);gap:1rem}.search-box{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--admin-text-secondary)}.search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;background:var(--admin-bg-secondary);color:var(--admin-text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.checkbox-filter{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--admin-text-primary);white-space:nowrap}.checkbox-filter input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--admin-accent)}.admin-clients-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.clients-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-clients-header{flex-direction:column}.admin-clients-stats{grid-template-columns:1fr}.admin-clients-filters{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.admin-clients-content{padding:1.5rem}}.role-form{width:100%}.form-group input[type=text],.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.roles-list{width:100%;overflow-x:auto}.roles-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary);border-radius:8px;overflow:hidden}.roles-table thead{background:var(--admin-bg-tertiary)}.roles-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.roles-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.roles-table tr:hover{background:var(--admin-bg-tertiary)}.role-name{display:flex;align-items:center;gap:.75rem}.role-icon{color:var(--admin-accent);font-size:1.1rem}.role-name strong{font-weight:600;color:var(--admin-text-primary);text-transform:capitalize}.role-description{color:var(--admin-text-secondary);font-size:.9rem}.role-users{display:flex;align-items:center;gap:.5rem;font-weight:600}.users-icon{color:var(--admin-accent)}.role-actions{display:flex;gap:.5rem}.roles-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.roles-empty svg{color:var(--admin-text-secondary);margin-bottom:1rem}.roles-empty p{font-size:1.1rem;margin:0}@media(max-width:768px){.roles-table{font-size:.85rem}.roles-table th,.roles-table td{padding:.75rem .5rem}.role-actions{flex-direction:column}}.admin-roles{width:100%}.admin-roles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-roles-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-roles-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-roles-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-roles-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.roles-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-roles-header{flex-direction:column}.admin-roles-stats{grid-template-columns:1fr}.admin-roles-content{padding:1.5rem}}.user-form{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.roles-select{min-height:120px}.form-help-text{margin:.5rem 0 0;font-size:.875rem;color:var(--admin-text-secondary);line-height:1.5}.checkbox-group{margin-bottom:1.5rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--admin-text-primary)}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--admin-accent)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.password-form{width:100%}.password-form-user{padding:1rem;background:var(--admin-bg-tertiary);border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;color:var(--admin-text-primary)}.password-form-user strong{color:var(--admin-text-primary);font-weight:600}.form-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--admin-text-primary);font-size:.95rem}.required{color:#dc3545}.form-group input[type=password]{width:100%;padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.field-error{display:block;color:#dc3545;font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--admin-border-light)}.submit-button,.cancel-button{padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.submit-button{background:var(--admin-accent);color:var(--admin-bg-primary)}.submit-button:hover:not(:disabled){background:var(--admin-accent-hover);transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);color:var(--admin-text-primary)}.cancel-button:hover:not(:disabled){background:var(--admin-bg-tertiary);border-color:var(--admin-border-medium)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.users-list{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary);border-radius:8px;overflow:hidden}.users-table thead{background:var(--admin-bg-tertiary)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.users-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.users-table tr:hover{background:var(--admin-bg-tertiary)}.users-table tr.inactive{opacity:.7}.user-name{display:flex;align-items:center;gap:.75rem}.user-icon{color:var(--admin-accent);font-size:1.1rem}.user-name strong{font-weight:600;color:var(--admin-text-primary)}.user-email{color:var(--admin-text-secondary);font-size:.9rem}.user-roles{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{display:inline-block;padding:.25rem .75rem;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-light);border-radius:6px;font-size:.85rem;color:var(--admin-text-primary);text-transform:capitalize}.no-roles{color:var(--admin-text-secondary);font-style:italic;font-size:.9rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.users-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.users-empty svg{color:var(--admin-text-secondary);margin-bottom:1rem}.users-empty p{font-size:1.1rem;margin:0}@media(max-width:768px){.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.75rem .5rem}.user-actions{flex-direction:column}}.admin-users{width:100%}.admin-users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.admin-users-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-users-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;align-items:center}.stat-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-shadow-md)}.stat-icon{font-size:2rem;color:var(--admin-accent)}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--admin-text-primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--admin-text-secondary);font-weight:500}.stat-item{display:flex;align-items:center}.stat-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--admin-text-primary)}.stat-checkbox input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--admin-accent)}.admin-users-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.users-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-users-header{flex-direction:column}.admin-users-stats{grid-template-columns:1fr}.admin-users-content{padding:1.5rem}}.audit-list{width:100%;overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary);border-radius:8px;overflow:hidden}.audit-table thead{background:var(--admin-bg-tertiary)}.audit-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.audit-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.audit-table tr:hover{background:var(--admin-bg-tertiary)}.audit-date{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.audit-date svg{color:var(--admin-text-secondary)}.audit-user{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.audit-user svg{color:var(--admin-accent)}.audit-action-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;text-transform:capitalize}.audit-table-name{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--admin-text-secondary)}.audit-table-name svg{color:var(--admin-accent)}.audit-record-id,.audit-ip{font-family:monospace;font-size:.85rem;color:var(--admin-text-secondary)}.audit-empty{text-align:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.audit-empty p{font-size:1.1rem;margin:0}@media(max-width:768px){.audit-table{font-size:.85rem}.audit-table th,.audit-table td{padding:.75rem .5rem}}.admin-audit{width:100%}.admin-audit-header{margin-bottom:2rem}.admin-audit-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-audit-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.admin-audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--admin-bg-primary);border-radius:12px;border:1px solid var(--admin-border-light)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--admin-text-primary);font-size:.9rem}.filter-group label svg{color:var(--admin-accent)}.filter-group input[type=text],.filter-group input[type=date]{padding:.875rem 1rem;border:2px solid var(--admin-border-light);border-radius:8px;font-size:.95rem;background:var(--admin-bg-secondary);color:var(--admin-text-primary);transition:all .2s ease}.filter-group input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px #0000000d}.filter-actions{display:flex;align-items:flex-end}.admin-audit-stats{margin-bottom:2rem}.stat-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;font-size:1rem;font-weight:600;color:var(--admin-text-primary)}.stat-badge svg{color:var(--admin-accent);font-size:1.5rem}.admin-audit-content{background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;padding:2rem;box-shadow:var(--admin-shadow-sm)}.audit-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.admin-audit-filters{grid-template-columns:1fr}.filter-actions{width:100%}.admin-audit-content{padding:1.5rem}}.admin-reports{width:100%}.admin-reports-header{margin-bottom:2rem}.admin-reports-title-section h1{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.5rem}.admin-reports-title-section p{color:var(--admin-text-secondary);font-size:1rem;margin:0}.reports-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--admin-bg-primary);border:2px solid var(--admin-border-light);border-radius:16px;box-shadow:var(--admin-shadow-sm);transition:all .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-md);border-color:var(--admin-accent)}.summary-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;font-size:1.75rem;color:#fff;flex-shrink:0}.summary-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-icon.categories{background:linear-gradient(135deg,#f093fb,#f5576c)}.summary-icon.customers{background:linear-gradient(135deg,#4facfe,#00f2fe)}.summary-icon.users{background:linear-gradient(135deg,#43e97b,#38f9d7)}.summary-icon.stock{background:linear-gradient(135deg,#fa709a,#fee140)}.summary-content{flex:1}.summary-value{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:.25rem}.summary-label{font-size:.95rem;color:var(--admin-text-secondary);margin-bottom:.75rem;font-weight:500}.summary-details{display:flex;gap:1rem;font-size:.85rem}.summary-details .active{color:#4caf50;font-weight:600}.summary-details .inactive{color:var(--admin-text-secondary)}.summary-details .warning{color:#ff9800;font-weight:600}.summary-details .danger{color:#f44336;font-weight:600}.reports-section{margin-bottom:2rem;padding:2rem;background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:16px;box-shadow:var(--admin-shadow-sm)}.section-header{margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--admin-text-primary);margin:0}.section-header svg{color:var(--admin-accent)}.stock-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--admin-bg-secondary);border:2px solid var(--admin-border-light);border-radius:12px;font-size:1rem}.stat-item span{color:var(--admin-text-secondary);font-weight:500}.stat-item strong{color:var(--admin-text-primary);font-size:1.25rem;font-weight:700}.stat-item.warning{border-color:#ff9800;background:#ff98001a}.stat-item.warning strong{color:#ff9800}.stat-item.danger{border-color:#f44336;background:#f443361a}.stat-item.danger strong{color:#f44336}.stat-item.success{border-color:#4caf50;background:#4caf501a}.stat-item.success strong{color:#4caf50}.reports-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--admin-border-light)}.reports-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary)}.reports-table thead{background:var(--admin-bg-tertiary)}.reports-table th{padding:1rem;text-align:left;font-weight:600;color:var(--admin-text-primary);font-size:.9rem;border-bottom:2px solid var(--admin-border-light)}.reports-table td{padding:1rem;border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-primary)}.reports-table tr:hover{background:var(--admin-bg-tertiary)}.sku-cell{font-family:monospace;font-size:.9rem;color:var(--admin-text-secondary)}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.success{background:#4caf5033;color:#4caf50}.status-badge.warning{background:#ff980033;color:#ff9800}.status-badge.danger{background:#f4433633;color:#f44336}.reports-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--admin-text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.reports-summary,.stock-statistics{grid-template-columns:1fr}.reports-section{padding:1.5rem}.reports-table{font-size:.85rem}.reports-table th,.reports-table td{padding:.75rem .5rem}}.pos-page{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column}.pos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.pos-header h1{margin:0;font-size:28px;color:#333}.shift-info{display:flex;gap:15px;align-items:center}.shift-badge{background:#4caf50;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.shift-warning{background:#fff3cd;color:#856404;padding:10px 15px;border-radius:8px;border:1px solid #ffeaa7}.pos-container{display:grid;grid-template-columns:2fr 1fr;gap:20px;flex:1;overflow:hidden}.products-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.search-box{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#2196f3}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;overflow-y:auto;padding-right:10px}.product-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:15px;transition:all .3s;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#2196f3}.product-card h3{margin:0 0 8px;font-size:16px;color:#333}.product-code{color:#666;font-size:13px;margin:4px 0}.product-price{font-size:20px;font-weight:700;color:#2196f3;margin:8px 0}.product-stock{font-size:13px;color:#666;margin:4px 0}.add-button{width:100%;padding:8px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s;margin-top:10px}.add-button:hover:not(:disabled){background:#1976d2}.add-button:disabled{background:#ccc;cursor:not-allowed}.cart-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.cart-panel h2{margin:0 0 20px;font-size:22px;color:#333}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.empty-cart p{margin:8px 0}.cart-items{flex:1;overflow-y:auto;margin-bottom:20px}.cart-item{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:10px}.item-info{flex:1}.item-info h4{margin:0 0 4px;font-size:15px;color:#333}.item-price{margin:0;font-size:13px;color:#666}.item-controls{display:flex;align-items:center;gap:8px}.qty-button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.qty-button:hover{background:#f0f0f0;border-color:#2196f3}.quantity{min-width:30px;text-align:center;font-weight:500}.remove-button{width:30px;height:30px;border:1px solid #f44336;background:#fff;color:#f44336;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.remove-button:hover{background:#f44336;color:#fff}.item-subtotal{font-weight:700;color:#2196f3;min-width:80px;text-align:right}.cart-summary{border-top:2px solid #e0e0e0;padding-top:15px;margin-bottom:15px}.summary-line{display:flex;justify-content:space-between;margin-bottom:10px;font-size:16px}.summary-line.total{font-size:20px;font-weight:700;color:#2196f3;padding-top:10px;border-top:1px solid #e0e0e0}.cart-actions{display:flex;gap:10px}.clear-button,.checkout-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.clear-button{background:#f44336;color:#fff}.clear-button:hover{background:#d32f2f}.checkout-button{background:#4caf50;color:#fff}.checkout-button:hover:not(:disabled){background:#45a049}.checkout-button:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 20px;color:#333}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-input,.form-select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border-color .3s}.form-input:focus,.form-select:focus{outline:none;border-color:#2196f3}.checkout-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.checkout-summary h3{margin:0 0 10px;font-size:18px}.checkout-summary p{margin:5px 0;color:#555}.modal-actions{display:flex;gap:10px}.loading,.no-products{text-align:center;padding:40px;color:#999;font-size:16px}.products-grid::-webkit-scrollbar,.cart-items::-webkit-scrollbar{width:8px}.products-grid::-webkit-scrollbar-track,.cart-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.products-grid::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.products-grid::-webkit-scrollbar-thumb:hover,.cart-items::-webkit-scrollbar-thumb:hover{background:#555}.cash-register-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.page-header h1{margin:0;font-size:28px;color:#333}.open-shift-button{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.open-shift-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.current-shift-section{margin-bottom:40px}.current-shift-section h2{margin:0 0 20px;font-size:22px;color:#333}.shift-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.shift-card.active{border:2px solid #4caf50;box-shadow:0 4px 16px #4caf5033}.shift-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.shift-header h3{margin:0 0 8px;font-size:20px;color:#333}.shift-date{margin:0;color:#666;font-size:14px}.shift-user{margin:4px 0 0;color:#888;font-size:13px}.close-shift-button{padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.close-shift-button:hover{background:#d32f2f}.shift-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#f8f9fa;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-label{font-size:13px;color:#666;font-weight:500}.stat-card.highlight .stat-label{color:#ffffffe6}.stat-value{font-size:24px;font-weight:700;color:#333}.stat-card.highlight .stat-value{color:#fff}.sales-count{text-align:center;padding:12px;background:#e3f2fd;border-radius:8px;color:#1976d2;font-weight:500}.sales-count p{margin:0}.history-section{margin-top:40px}.history-section h2{margin:0 0 20px;font-size:22px;color:#333}.no-history{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#fff;border-radius:12px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.shift-info{margin-bottom:15px}.shift-summary{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:15px}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.summary-item:last-child{margin-bottom:0}.summary-item .positive{color:#4caf50;font-weight:700}.summary-item .negative{color:#f44336;font-weight:700}.details-button{width:100%;padding:10px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.details-button:hover{background:#1976d2}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.modal-content.large{max-width:700px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin:0 0 24px;color:#333;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:14px}.form-input,.form-textarea{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2196f3}.form-textarea{resize:vertical;min-height:80px}.close-summary{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px}.close-summary h3{margin:0 0 15px;font-size:18px;color:#333}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px;color:#555}.summary-row:last-child{margin-bottom:0}.summary-row.highlight{padding-top:10px;margin-top:10px;border-top:2px solid #e0e0e0;font-weight:700;font-size:16px;color:#333}.difference-display{display:flex;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:18px;font-weight:700}.difference-display .positive{color:#4caf50}.difference-display .negative{color:#f44336}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-button,.confirm-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.cancel-button{background:#f5f5f5;color:#333}.cancel-button:hover:not(:disabled){background:#e0e0e0}.confirm-button{background:#4caf50;color:#fff}.confirm-button:hover:not(:disabled){background:#45a049}.cancel-button:disabled,.confirm-button:disabled{opacity:.6;cursor:not-allowed}.details-section{margin-bottom:24px}.details-section h3{margin:0 0 15px;font-size:18px;color:#333;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item span:first-child{font-size:13px;color:#666;font-weight:500}.detail-item span:last-child{font-size:16px;color:#333;font-weight:600}.detail-item.highlight{background:#f8f9fa;padding:12px;border-radius:6px}.detail-item .positive{color:#4caf50}.detail-item .negative{color:#f44336}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.shift-stats{grid-template-columns:repeat(2,1fr)}.history-grid,.details-grid{grid-template-columns:1fr}}.tenants-page{padding:2rem;max-width:1400px;margin:0 auto;--tp-text-main: var(--admin-text-primary);--tp-text-sub: var(--admin-text-secondary);--tp-bg-card: var(--admin-bg-primary);--tp-bg-hover: var(--admin-bg-tertiary);--tp-border: var(--admin-border-light);--tp-primary: #2563eb;--tp-primary-light: #eff6ff;--tp-success: #16a34a;--tp-success-light: #dcfce7;--tp-error: #dc2626;--tp-error-light: #fee2e2}.tenants-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--tp-border);display:flex;justify-content:space-between;align-items:center}.tenants-header h1{font-size:1.8rem;color:var(--tp-text-main);margin:0}.subtitle{color:var(--tp-text-sub);margin-top:.5rem}.tenants-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--tp-bg-card);border:1px solid var(--tp-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--admin-shadow-sm)}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.metric-icon.total{background:var(--tp-primary-light);color:var(--tp-primary)}.metric-icon.active{background:var(--tp-success-light);color:var(--tp-success)}.metric-icon.inactive{background:var(--tp-error-light);color:var(--tp-error)}.metric-info h3{margin:0;font-size:1.8rem;font-weight:700;color:var(--tp-text-main)}.metric-info p{margin:0;font-size:.9rem;color:var(--tp-text-sub)}.tenants-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--tp-bg-card);padding:1rem;border-radius:12px;border:1px solid var(--tp-border);flex-wrap:wrap;gap:1rem}.search-bar{position:relative;flex-grow:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tp-text-sub)}.search-bar input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--tp-border);border-radius:8px;background:var(--tp-bg-hover);color:var(--tp-text-main);font-size:.95rem}.search-bar input:focus{outline:none;border-color:var(--tp-primary);box-shadow:0 0 0 2px var(--tp-primary-light)}.filter-tabs{display:flex;gap:.5rem;background:var(--tp-bg-hover);padding:4px;border-radius:8px}.filter-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--tp-text-sub);cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s}.filter-tab.active{background:var(--tp-bg-card);color:var(--tp-primary);box-shadow:var(--admin-shadow-sm)}.filter-tab:hover:not(.active){color:var(--tp-text-main)}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.no-results{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--tp-text-sub);background:var(--tp-bg-card);border-radius:12px;border:1px dashed var(--tp-border)}.tenant-card{background:var(--tp-bg-card);border:1px solid var(--tp-border);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.tenant-card:hover{transform:translateY(-4px);box-shadow:var(--admin-shadow-md);border-color:var(--tp-primary)}.tenant-card.inactive{opacity:.9;background-image:repeating-linear-gradient(45deg,var(--tp-bg-hover),var(--tp-bg-hover) 10px,var(--tp-bg-card) 10px,var(--tp-bg-card) 20px)}.tenant-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tenant-icon{width:48px;height:48px;background:var(--tp-primary-light);color:var(--tp-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge.active{background:var(--tp-success-light);color:var(--tp-success)}.badge.inactive{background:var(--tp-error-light);color:var(--tp-error)}.tenant-info{flex:1}.tenant-info h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--tp-text-main);font-weight:600}.tenant-domain{color:var(--tp-primary);font-weight:500;margin-bottom:1rem;display:block;word-break:break-all;font-family:monospace;background:var(--tp-bg-hover);padding:4px 8px;border-radius:4px;display:inline-block;font-size:.85rem}.tenant-meta{font-size:.85rem;color:var(--tp-text-sub);border-top:1px solid var(--tp-border);padding-top:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.config-form{padding:.5rem}.config-section{margin-bottom:2rem;background:var(--tp-bg-hover);padding:1.5rem;border-radius:12px}.config-section h4{margin-top:0;margin-bottom:1rem;color:var(--tp-text-main);border-bottom:1px solid var(--tp-border);padding-bottom:.5rem}.section-desc{font-size:.9rem;color:var(--tp-text-sub);margin-bottom:1rem}.switch-control{display:flex;align-items:center;gap:1rem}.switch-label{font-weight:500;color:var(--tp-text-main)}.slider{position:relative;display:inline-block;width:50px;height:24px;background-color:#cbd5e1;border-radius:34px;transition:.4s;cursor:pointer}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--tp-primary)}input:checked+.slider:before{transform:translate(26px)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.module-item{background:var(--tp-bg-card);padding:.75rem;border-radius:8px;border:1px solid var(--tp-border);transition:all .2s}.module-item:hover{border-color:var(--tp-primary)}.checkbox-container{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--tp-text-main);-webkit-user-select:none;user-select:none;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--tp-border)}.lbl{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--tp-text-main)}.inp{width:100%;padding:.75rem;background:var(--tp-bg-card);border:1px solid var(--tp-border);border-radius:8px;color:var(--tp-text-main);font-family:inherit;font-size:.95rem;transition:all .2s;box-sizing:border-box}.inp:focus{outline:none;border-color:var(--tp-primary);box-shadow:0 0 0 3px var(--tp-primary-light)}.app{min-height:100vh;width:100%;box-sizing:border-box}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}*{box-sizing:border-box}.app-header{background:#fffffff2;padding:2rem;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}@media(min-width:768px){.user-info{flex-direction:row;align-items:center;gap:1rem}}.user-email{font-size:.875rem;color:#666}.user-roles{font-size:.75rem;color:#888;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px}.logout-button{margin-top:.5rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.logout-button:hover{background:#c82333}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#fff}.auth-switch{text-align:center;margin-top:1.5rem;color:#fff}.link-button{background:none;border:none;color:#fff;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:#e0e0e0}.app-header h1{margin:0 0 .5rem;color:#333;font-size:1.75rem}.app-header p{margin:0;color:#666;font-size:1rem}@media(min-width:768px){.app-header h1{font-size:2.25rem}.app-header p{font-size:1.1rem}}@media(min-width:1024px){.app-header h1{font-size:2.5rem}.app-header p{font-size:1.2rem}}.app-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 20px;display:flex;gap:8px;box-shadow:0 1px 3px #0000001a}.app-nav button{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.app-nav button:hover{color:#3b82f6;background:#f3f4f6}.app-nav button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.app-main{padding:2rem 1rem;width:100%;margin:0;min-height:calc(100vh - 200px);box-sizing:border-box}@media(min-width:768px){.app-header{padding:2rem 3rem}.app-main{padding:3rem 2rem}.app-nav{padding:0 3rem}.app-nav button{padding:14px 24px;font-size:15px}}@media(min-width:1024px){.app-header{padding:2.5rem 4rem}.app-main{padding:3rem 4rem}.app-nav{padding:0 4rem}}@media(min-width:1440px){.app-main{padding:4rem 6rem}}