:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--secondary:#0f172a;--accent:#f43f5e;--surface:#fff;--surface-glass:#ffffffd9;--background:#f8fafc;--background-alt:#f1f5f9;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-focus:#c7d2fe;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--error:#ef4444;--error-bg:#fee2e2;--shadow-sm:0 1px 3px 0 #0f172a14;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 15px 35px -5px #0f172a14, 0 10px 15px -3px #0f172a0a;--shadow-glass:0 8px 32px 0 #1f268712;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .25s cubic-bezier(.25, .8, .25, 1)}[data-theme=dark]{--background:#121214;--background-alt:#18181b;--surface:#1f1f23;--surface-hover:#27272e;--surface-raised:#2a2a32;--surface-glass:#1f1f23d9;--text-main:#e4e4e7;--text-muted:#a1a1aa;--text-light:#71717a;--secondary:#f4f4f5;--border:#ffffff14;--border-subtle:#ffffff0a;--border-focus:#6366f1;--primary:#6366f1;--primary-hover:#7c7ff6;--primary-light:#6366f124;--accent:#f43f5e;--success:#34d399;--success-bg:#34d3991f;--warning:#fbbf24;--warning-bg:#fbbf241f;--error:#f87171;--error-bg:#f871711f;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 16px -2px #0009;--shadow-lg:0 16px 36px -4px #000000bf;--shadow-glass:0 8px 32px 0 #0009}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#27272a80 0%,#3f3f46cc 50%,#27272a80 100%) 0 0/200% 100%}[data-theme=dark] .ec-confirm-modal{background:#1f1f23;border-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:260px;transition:width .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.sidebar.collapsed{width:78px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .sidebar-header img{margin-right:0}.sidebar.collapsed .brand,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-item-text,.sidebar.collapsed #btn-back-grid span{display:none!important}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-item i{margin-right:0;font-size:22px}.sidebar-toggle-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-muted);box-shadow:var(--shadow-sm);z-index:20;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:20px;right:-13px}.sidebar-toggle-btn:hover{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}[data-theme=dark] .sidebar-toggle-btn{background:var(--surface-raised);border-color:var(--border);color:var(--text-main)}.sidebar-header{border-bottom:1px solid var(--border);height:70px;transition:var(--transition);align-items:center;padding:0 24px;display:flex}.sidebar-header img{height:32px;margin-right:12px}.sidebar-header .brand{color:var(--secondary);letter-spacing:-.5px;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:24px 16px;overflow:hidden auto}.nav-section-title{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;margin-top:24px;margin-bottom:12px;padding-left:12px;font-size:11px;font-weight:600}.nav-section-title:first-child{margin-top:0}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;white-space:nowrap;align-items:center;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item i{flex-shrink:0;margin-right:12px;font-size:20px}.nav-item:hover{background-color:var(--background-alt);color:var(--primary)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.topbar-title h1{color:var(--secondary);font-size:20px;font-weight:600}.topbar-actions{align-items:center;gap:16px;display:flex}.user-profile{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:12px;padding:6px 12px;display:flex}.user-profile:hover{background-color:var(--background-alt)}.user-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-info .user-name{color:var(--secondary);font-size:14px;font-weight:600}.user-info .user-role{color:var(--text-muted);font-size:12px}.view-container{background-color:var(--background);flex:1;padding:32px;overflow-y:auto}.card{background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.card-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.card-title{color:var(--secondary);font-size:18px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.form-group{margin-bottom:20px}label{color:var(--secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;max-width:100%;color:var(--text-main);background-color:var(--surface);transition:var(--transition);padding:10px 14px;font-size:14px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-focus);outline:none}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover{background-color:#ff5252}.btn-outline{color:var(--secondary);border:1px solid var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--background-alt)}.btn-block{width:100%}.auth-wrapper{background-color:var(--background);height:100vh;display:flex}.auth-sidebar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-sidebar:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-sidebar h1{letter-spacing:-1px;z-index:2;margin-bottom:20px;font-size:42px;font-weight:700;position:relative}.auth-sidebar p{color:#fffc;z-index:2;max-width:400px;font-size:18px;line-height:1.6;position:relative}.auth-form-container{background-color:var(--surface);z-index:2;flex-direction:column;justify-content:center;width:480px;padding:60px;display:flex;box-shadow:-10px 0 30px #00000008}.auth-header{text-align:center;margin-bottom:40px}.auth-header img{height:48px;margin-bottom:16px}.auth-header h2{color:var(--secondary);font-size:24px;font-weight:700}.auth-header p{color:var(--text-muted);margin-top:8px;font-size:14px}.alert{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.alert-error{background-color:var(--error-bg);color:var(--error);border:1px solid #fecaca}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.loader-container{background-color:var(--surface);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quotation-panel{border:2px dashed var(--border-focus);border-radius:var(--radius-md);background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);margin-top:20px;padding:20px;position:relative;overflow:hidden}.quotation-panel:before{content:"";background:linear-gradient(90deg, var(--primary), #6366f1, var(--primary));height:4px;position:absolute;top:0;left:0;right:0}.quotation-header i{color:var(--primary);font-size:20px}.quotation-row{color:var(--text-main);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.quotation-row.subtotal{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-weight:600}.quotation-row.total{border-top:2px solid var(--secondary);color:var(--secondary);margin-top:8px;padding-top:12px;font-size:18px;font-weight:800}.quotation-row .label{align-items:center;gap:6px;display:flex}.quotation-row .value{font-variant-numeric:tabular-nums;font-weight:600}.quotation-row.total .value{color:var(--primary);font-size:20px}.quotation-cycle-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;margin-top:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.tariff-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.tariff-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.tariff-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.tariff-card.basica:before{background:linear-gradient(90deg,#10b981,#34d399)}.tariff-card.avanzada:before{background:linear-gradient(90deg, var(--primary), #6366f1)}.tariff-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus)}.tariff-input-group{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.tariff-input-group .form-group{margin-bottom:0}.tariff-input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px}.status-toggle-group{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.status-toggle-group .toggle-option{text-align:center;cursor:pointer;transition:var(--transition);background:var(--surface);color:var(--text-muted);border:none;outline:none;flex:1;padding:10px 16px;font-size:13px;font-weight:600}.status-toggle-group .toggle-option:first-child{border-right:1px solid var(--border)}.status-toggle-group .toggle-option.active-status{background:var(--success-bg);color:var(--success)}.status-toggle-group .toggle-option.suspended-status{background:var(--error-bg);color:var(--error)}input[type=number],input[type=date],input[type=time]{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:var(--surface);transition:var(--transition);padding:12px 16px;font-size:14px}input[type=number]:focus,input[type=date]:focus,input[type=time]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-focus);outline:none}.capacity-inputs{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.capacity-inputs .form-group{margin-bottom:0}.capacity-inputs label{text-transform:uppercase;letter-spacing:.3px;font-size:11px}.commercial-inputs{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.quotation-panel{color:#1e293b;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;margin-top:16px;padding:20px 24px;position:relative;overflow:hidden}.quotation-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#2563eb08 10px 20px);position:absolute;inset:0}.quotation-header{color:#1e40af;border-bottom:1px solid #93c5fd;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:700;display:flex}.quotation-row{color:#334155;border-bottom:1px solid #2563eb1a;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.quotation-row .label{color:#475569;align-items:center;gap:6px;display:flex}.quotation-row .value{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.quotation-row.subtotal{color:#1e293b;border-top:1px solid #93c5fd;margin-top:4px;padding-top:12px;font-weight:600}.quotation-row.tax{color:#64748b;font-size:12px}.quotation-row.total{color:#1e40af;border-top:2px solid #2563eb;margin-top:8px;padding-top:12px;font-size:16px;font-weight:800}.quotation-cycle-badge{text-align:center;color:#1e40af;background:#2563eb1a;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.prorata-divider{border:none;border-top:1px dashed #93c5fd;margin:14px 0 10px}.prorata-header{color:#1e40af;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .quotation-panel{color:var(--text-main);background:linear-gradient(135deg,#18181b 0%,#1f1f23 100%);border:1px solid #6366f140;box-shadow:0 4px 20px -2px #00000080}[data-theme=dark] .quotation-panel:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#6366f108 10px 20px)}[data-theme=dark] .quotation-header{color:#818cf8;border-bottom:1px solid #6366f133}[data-theme=dark] .quotation-row{color:var(--text-muted);border-bottom:1px solid #ffffff0f}[data-theme=dark] .quotation-row .label{color:var(--text-muted)}[data-theme=dark] .quotation-row .value{color:var(--text-main)}[data-theme=dark] .quotation-row.subtotal{color:var(--text-main);border-top:1px solid #6366f133}[data-theme=dark] .quotation-row.tax{color:var(--text-light)}[data-theme=dark] .quotation-row.total{color:#818cf8;border-top:2px solid #6366f1}[data-theme=dark] .quotation-cycle-badge{color:#a5b4fc;background:#6366f126}[data-theme=dark] .prorata-divider{border-top:1px dashed #6366f133}[data-theme=dark] .prorata-header{color:#818cf8}.tariff-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px;display:grid}.tariff-card{border:2px solid var(--border);transition:var(--transition);border-radius:12px;padding:20px}.tariff-card.basica{border-top:3px solid #10b981}.tariff-card.avanzada{border-top:3px solid var(--primary)}.tariff-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000f}.tariff-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tariff-card-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.tariff-card.basica .tariff-card-icon{color:#10b981;background:#d1fae5}.tariff-card.avanzada .tariff-card-icon{background:var(--primary-light);color:var(--primary)}.tariff-card-title{color:var(--secondary);font-size:16px;font-weight:700}.tariff-card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.tariff-input-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tariff-input-group label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.tariff-input-group input[type=number]{padding:10px 14px;font-size:15px;font-weight:600}.fiscal-fields{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.fiscal-fields .form-group{width:100%;min-width:0;margin-bottom:0}.fiscal-fields .form-group.full-width,.form-group.full-width{grid-column:1/-1}.fiscal-fields label,.capacity-inputs label,.commercial-inputs label{text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:600}.fiscal-fields input,.fiscal-fields select,.capacity-inputs input,.commercial-inputs input,.commercial-inputs select{box-sizing:border-box;width:100%;min-width:0}.capacity-inputs{box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;display:grid}.capacity-inputs .form-group{width:100%;min-width:0;margin-bottom:0}.commercial-inputs{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.commercial-inputs .form-group{width:100%;min-width:0;margin-bottom:0}.section-divider{border:none;border-top:1px dashed var(--border);margin:16px 0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;background:#0f172a80;width:100vw;height:100vh;transition:opacity .25s;position:fixed;top:0;left:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}@media (max-width:1024px){.tariff-grid{grid-template-columns:1fr}}@media (max-width:768px){.fiscal-fields,.capacity-inputs,.commercial-inputs{flex-direction:column!important;gap:14px!important;width:100%!important;display:flex!important}.fiscal-fields .form-group,.capacity-inputs .form-group,.commercial-inputs .form-group{grid-column:auto!important;width:100%!important;margin-bottom:0!important}}@media (max-width:900px){.app-layout{height:100vh;position:relative;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-y:auto}.sidebar{transform:translate(-100%);z-index:9999!important;width:280px!important;height:100vh!important;box-shadow:var(--shadow-lg)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important}.sidebar.active{transform:translate(0)!important}.tenant-sidebar{transform:translate(-100%);z-index:9999!important;width:280px!important;height:100vh!important;box-shadow:var(--shadow-lg)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.tenant-sidebar.active{transform:translate(0)!important}.tenant-sidebar.collapsed{width:280px!important}.tenant-sidebar.collapsed .sidebar-text{display:inline!important}.tenant-sidebar.collapsed .nav-item-link{justify-content:flex-start!important;padding:12px 16px!important}.tenant-sidebar.collapsed .nav-item-link i{margin-right:0!important;font-size:20px!important}.sidebar-toggle-btn{display:none!important}.mobile-menu-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--secondary);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex!important}.mobile-menu-btn:hover{background:var(--background-alt);color:var(--primary)}.topbar{gap:12px;height:64px;padding:0 16px}.topbar-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.user-info{display:none}.view-container{padding:16px}}@media (max-width:640px){.auth-wrapper{flex-direction:column}.auth-sidebar{flex:none;padding:32px 20px}.auth-sidebar h1{font-size:24px}.auth-form-container{flex:1;width:100%;padding:32px 20px}.client-grid,.tariff-input-group,.capacity-inputs{grid-template-columns:1fr}.status-toggle-group{flex-direction:column}.status-toggle-group .toggle-option:first-child{border-right:none;border-bottom:1px solid var(--border)}.card{padding:16px}.modal-content{width:95%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:16px}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:flex;position:fixed;top:0;left:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:520px;box-shadow:var(--shadow-lg), var(--shadow-glass);border:1px solid #ffffff4d;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(16px)scale(.96)}.modal-backdrop.show .modal-content{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--secondary);margin:0;font-size:19px;font-weight:700}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--background-alt);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.client-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px;display:grid}.client-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.client-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus);transform:translateY(-3px)}.client-card-add{border:2px dashed var(--border);background:var(--surface);color:var(--primary);min-height:200px;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex}.client-card-add i{font-size:36px;transition:transform .25s}.client-card-add:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.client-card-add:hover i{transform:scale(1.1)}[data-theme=dark] .client-card-add{color:#a5b4fc;background:#6366f11f;border:2px dashed #6366f18c}[data-theme=dark] .client-card-add:hover{color:#fff;background:#6366f152;border-color:#818cf8;transform:translateY(-3px);box-shadow:0 6px 20px -2px #6366f140}.client-card-header{align-items:center;gap:16px;display:flex}.client-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;flex-shrink:0;width:54px;height:54px;padding:4px}.client-logo-fallback{background:linear-gradient(135deg, var(--primary-light) 0%, #c7d2fe 100%);width:54px;height:54px;color:var(--primary);border:1px solid #4f46e526;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.client-info h3{color:var(--secondary);margin:0 0 4px;font-size:17px;font-weight:700}.client-info p{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.client-details{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.client-detail-row{color:var(--text-main);align-items:center;gap:8px;font-size:13px;display:flex}.client-detail-row i{color:var(--text-muted);font-size:16px}.tenant-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:250px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.tenant-sidebar.collapsed{width:80px}.tenant-sidebar-menu{flex-direction:column;gap:8px;padding:16px;display:flex;overflow:hidden}.nav-item-link{color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;align-items:center;gap:16px;padding:12px;text-decoration:none;display:flex}.nav-item-link i{min-width:24px;font-size:24px}.sidebar-text{white-space:nowrap;font-weight:500;transition:opacity .3s;overflow:hidden}.tenant-sidebar.collapsed .sidebar-text{display:none!important}.nav-item-link:hover,.nav-item-link.active{background:var(--primary-light)!important;color:var(--primary)!important}.dropdown-item:hover{background:var(--primary-light)!important}#btn-logout:hover{background:var(--error-bg)!important}#tenant-sidebar-toggle{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:-16px;box-shadow:0 2px 8px #0000000d}#tenant-sidebar-toggle:hover{color:var(--primary);border-color:var(--border-focus);transform:scale(1.1)}.ec-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;width:calc(100vw - 48px);max-width:380px;display:flex;position:fixed;top:24px;right:24px}.ec-toast{background:var(--surface);color:var(--text-main);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);pointer-events:auto;align-items:center;gap:12px;padding:14px 16px;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.16,1,.3,1) forwards ecToastSlideIn;display:flex;position:relative;overflow:hidden}.ec-toast.ec-toast-leaving{animation:.25s cubic-bezier(.7,0,.84,0) forwards ecToastSlideOut}.ec-toast-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.ec-toast-content{flex:1;font-size:14px;font-weight:500;line-height:1.4}.ec-toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:background .15s,color .15s;display:flex}.ec-toast-close:hover{background:var(--background-alt);color:var(--text-main)}.ec-toast-progress{transform-origin:0;width:100%;height:3px;animation:linear forwards ecToastProgress;position:absolute;bottom:0;left:0}.ec-toast-success{border-left:4px solid var(--success)}.ec-toast-success .ec-toast-icon{color:var(--success)}.ec-toast-success .ec-toast-progress{background:var(--success)}.ec-toast-error{border-left:4px solid var(--error)}.ec-toast-error .ec-toast-icon{color:var(--error)}.ec-toast-error .ec-toast-progress{background:var(--error)}.ec-toast-warning{border-left:4px solid var(--warning)}.ec-toast-warning .ec-toast-icon{color:var(--warning)}.ec-toast-warning .ec-toast-progress{background:var(--warning)}.ec-toast-info{border-left:4px solid var(--primary)}.ec-toast-info .ec-toast-icon{color:var(--primary)}.ec-toast-info .ec-toast-progress{background:var(--primary)}@keyframes ecToastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ecToastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.9)}}@keyframes ecToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.ec-confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:10001;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s forwards ecFadeIn;display:flex;position:fixed;top:0;left:0}.ec-confirm-overlay.ec-confirm-leaving{animation:.2s forwards ecFadeOut}.ec-confirm-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;max-width:440px;animation:.25s cubic-bezier(.16,1,.3,1) forwards ecModalPop;overflow:hidden}.ec-confirm-header{align-items:center;gap:14px;padding:20px 24px 12px;display:flex}.ec-confirm-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.ec-confirm-danger .ec-confirm-icon{background:var(--error-bg);color:var(--error)}.ec-confirm-warning .ec-confirm-icon{background:var(--warning-bg);color:var(--warning)}.ec-confirm-primary .ec-confirm-icon{background:var(--primary-light);color:var(--primary)}.ec-confirm-title{color:var(--text-main);margin:0;font-size:17px;font-weight:600}.ec-confirm-body{color:var(--text-muted);padding:0 24px 20px;font-size:14px;line-height:1.5}.ec-confirm-actions{background:var(--background-alt);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.btn-danger{background:var(--error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:9px 16px;font-size:14px;font-weight:500}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.skeleton-shimmer{background:linear-gradient(90deg,#e2e8f099 0%,#f1f5f9e6 50%,#e2e8f099 100%) 0 0/200% 100%;animation:1.6s ease-in-out infinite ecShimmer;display:inline-block}@keyframes ecShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table-row td{border-bottom:1px solid var(--border);vertical-align:middle}.skeleton-card-wrapper{border-color:#e2e8f0cc!important}@keyframes ecFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ecFadeOut{0%{opacity:1}to{opacity:0}}@keyframes ecModalPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--border-focus)!important}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:768px){.btn,.nav-item,.toggle-option,.user-profile,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],select{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ec-ios-banner{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);width:calc(100% - 32px);max-width:440px;box-shadow:var(--shadow-lg);z-index:10000;padding:14px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards ecSlideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ec-ios-banner-leaving{animation:.3s forwards ecFadeOut}.ec-ios-banner-content{align-items:center;gap:12px;display:flex}.ec-ios-banner-icon{border-radius:10px;flex-shrink:0;width:48px;height:48px;box-shadow:0 2px 6px #00000026}.ec-ios-banner-text{flex:1}.ec-ios-banner-title{color:var(--secondary);margin-bottom:2px;font-size:14px;font-weight:700}.ec-ios-banner-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.ec-ios-banner-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex}.ec-ios-banner-close:hover{color:var(--text-main);background:var(--background-alt)}@keyframes ecSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.ec-pagination-container{background:var(--surface);border-top:1px solid var(--border);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.ec-pagination-left{color:var(--text-muted);align-items:center;gap:16px;display:flex}.ec-pagination-info strong{color:var(--text-main);font-weight:600}.ec-pagination-pagesize{align-items:center;gap:6px;display:flex}.ec-pagination-select{background:var(--background);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);outline:none;padding:4px 8px;font-size:13px;font-weight:500}.ec-pagination-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.ec-pagination-right{align-items:center;gap:6px;display:flex}.ec-pagination-nav-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.ec-pagination-nav-btn:hover:not(:disabled){background:var(--background-alt);border-color:var(--border-focus)}.ec-pagination-nav-btn:disabled{opacity:.45;cursor:not-allowed}.ec-pagination-numbers{align-items:center;gap:4px;display:flex}.ec-page-num-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:500;display:inline-flex}.ec-page-num-btn:hover:not(.active){background:var(--background-alt);color:var(--text-main);border-color:var(--border)}.ec-page-num-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600;box-shadow:0 2px 6px #6366f159}.ec-page-ellipsis{color:var(--text-muted);padding:0 4px;font-size:13px}@media (max-width:640px){.ec-pagination-container{flex-direction:column;align-items:stretch;gap:14px}.ec-pagination-left,.ec-pagination-right{justify-content:space-between;width:100%}.ec-pagination-numbers{display:none}}.table-filter-row{background-color:var(--background-alt);border-bottom:1px solid var(--border)}.filter-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.filter-input-wrapper .filter-icon{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:8px}.table-filter-input{box-sizing:border-box;width:100%;transition:var(--transition);font-weight:500;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;background-color:var(--surface)!important;color:var(--text-main)!important;height:28px!important;padding:4px 8px 4px 26px!important;font-size:11px!important}.table-filter-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--border-focus)!important;outline:none!important}.table-filter-input.active-filter{font-weight:600;border-color:var(--primary)!important;background-color:var(--primary-light)!important;color:var(--primary)!important}.filter-dropdown-btn-wrapper{width:100%;position:relative}.filter-dropdown-btn{width:100%;height:28px;color:var(--text-main);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.filter-dropdown-btn:hover{border-color:var(--border-focus);background:var(--background-alt)}.filter-dropdown-btn.active-filter{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.excel-filter-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:250px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:6px;padding:8px;animation:.15s forwards ecFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0}.excel-popover-header{width:100%}.excel-search-input{box-sizing:border-box;width:100%;border:1px solid var(--border)!important;background:var(--background-alt)!important;height:26px!important;color:var(--text-main)!important;border-radius:4px!important;padding:4px 8px!important;font-size:11px!important}.excel-popover-actions{border-bottom:1px solid var(--border);justify-content:space-between;padding:2px 2px 4px;display:flex}.excel-action-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.excel-action-link:hover{text-decoration:underline}.excel-checkbox-list{flex-direction:column;gap:2px;max-height:180px;padding-right:2px;display:flex;overflow-y:auto}.excel-checkbox-item{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:11px;transition:background .15s;display:flex}.excel-checkbox-item:hover{background:var(--background-alt)}.excel-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:var(--primary);margin:0;width:13px!important;height:13px!important}.excel-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.excel-item-count{color:var(--text-muted);font-size:10px;font-weight:600}[data-theme=dark] .excel-filter-popover{background:#1f1f23;border-color:#ffffff1f;box-shadow:0 12px 32px #0009}[data-theme=dark] .excel-search-input{background:#121214!important;border-color:#ffffff1a!important}[data-theme=dark] .excel-checkbox-item:hover{background:#27272e}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:42px!important}.btn-toggle-password{cursor:pointer;color:var(--text-muted);z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:18px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-toggle-password:hover{color:var(--primary);background:var(--primary-light)}[data-theme=dark] .btn-toggle-password:hover{background:#6366f133}