@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--sidebar-bg:#111827;--main-bg:#f8fafc;--accent:#2563eb;--border:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--main-bg);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}.app-layout{flex-direction:column;height:100vh;display:flex}.main-header{background:var(--white);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-left-side{align-items:center;gap:12px;height:100%;display:flex}.header-logo{filter:brightness(0)saturate()invert(27%)sepia(91%)saturate(2352%)hue-rotate(213deg)brightness(96%)contrast(93%);height:80%;max-height:48px}.menu-hamburger-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:none}.menu-hamburger-btn:hover{background:#f1f5f9}.user-profile{align-items:center;gap:12px;display:flex}.user-info-wrapper{border-right:1px solid var(--border);align-items:center;gap:12px;padding-right:16px;display:flex}.user-details{text-align:right}.user-name{color:#0f172a;font-size:14px;font-weight:600;display:block}.user-role{color:var(--text-muted);font-size:12px}.logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.logout-btn:hover{color:#ef4444;background:#fee2e2}.main-container{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-wrapper-responsive{background-color:var(--sidebar-bg);z-index:90;flex-shrink:0;width:260px;transition:transform .3s;display:flex}.sidebar-wrapper-responsive>div,.sidebar{background-color:var(--sidebar-bg);flex-direction:column;width:100%;padding:20px 0;display:flex}.menu-item{color:#94a3b8;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:var(--white);background:#ffffff0d}.menu-item.active{background:var(--accent);color:var(--white)}.content{background-color:var(--main-bg);flex:1;padding:24px 32px;overflow-y:auto}.content.full-width{width:100%}.breadcrumb{color:var(--text-muted);margin-bottom:24px;font-size:13px}.breadcrumb .separator{color:#cbd5e1;margin:0 8px}.breadcrumb .current-page{color:var(--text-main);font-weight:600}.breadcrumb-link{color:var(--accent);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.table-card{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-header{border-bottom:1px solid var(--border);background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.header-title-container{align-items:center;gap:10px;display:flex}.header-title-container h2{color:#0f172a;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:700}.header-actions-container{align-items:center;gap:12px;display:flex}.bulk-actions{borderRadius:8px;background-color:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:8px;padding:4px 12px;display:flex}.selected-count{color:#64748b;font-size:.85rem}.btn-bulk{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.btn-bulk.activar{color:#2e7d32;background-color:#e8f5e9;border-color:#c8e6c9}.btn-bulk.desactivar{color:#c62828;background-color:#ffebee;border-color:#ffcdd2}.btn-nuevo-img{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.search-container{background-color:var(--white);border-bottom:1px solid var(--border);padding:16px 24px}.search-icon-pos-inline{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-responsive{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 10px 10px 40px;font-size:.9rem}.search-input-responsive:focus{border-color:var(--accent);background-color:#fff}.table-responsive-container{width:100%;overflow-x:auto}.sucursales-table{border-collapse:collapse;width:100%}.sucursales-table th{text-align:left;color:#475569;text-transform:uppercase;border-bottom:1px solid var(--border);background:#f8fafc;padding:12px 16px;font-size:.75rem;font-weight:700}.sucursales-table td{border-bottom:1px solid var(--border);padding:16px;font-size:.9rem}.row-disabled{opacity:.65;background-color:#f8fafc}.action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px}.action-btn:disabled{cursor:not-allowed}.status-badge{text-align:center;border-radius:12px;min-width:75px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.active{color:#2e7d32;background-color:#e8f5e9}.status-badge.inactive{color:#c62828;background-color:#ffebee}.loading-box{text-align:center;color:#94a3b8;padding:50px}.empty-table-cell{text-align:center;color:#94a3b8;padding:40px}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cards-mobile-container{background-color:#f8fafc;flex-direction:column;gap:12px;padding:16px;display:none}@media (width<=768px){.menu-hamburger-btn{display:block}.sidebar-wrapper-responsive{height:calc(100vh - 64px);position:fixed;top:64px;left:0;transform:translate(-100%)}.sidebar-wrapper-responsive.open{transform:translate(0)}.sidebar-backdrop{z-index:85;background:#0006;width:100vw;height:calc(100vh - 64px);position:fixed;top:64px;left:0}.content{padding:16px}.user-info-wrapper{display:none}.table-header{flex-direction:column;align-items:flex-start;padding:16px}.header-actions-container{justify-content:space-between;width:100%}.hide-mobile{display:none!important}.table-responsive-container{display:none}.cards-mobile-container{display:flex}.card-mobile-item{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 1px 2px #00000005}.card-mobile-header{align-items:center;gap:10px;display:flex}.card-mobile-id{color:var(--text-muted);flex-grow:1;font-size:.85rem}.card-mobile-desc{color:var(--text-main);font-size:1rem;font-weight:600}.card-mobile-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.btn-card-edit{color:var(--text-main);cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;display:flex}.btn-card-edit:disabled{opacity:.5;cursor:not-allowed}.empty-cards-message{text-align:center;color:var(--text-muted);background:#fff;border-radius:8px;padding:24px}}