body{box-sizing:border-box;margin:0;padding:0}.login-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-box{box-sizing:border-box;background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-title{text-align:center;color:#111827;margin-top:0;margin-bottom:8px;font-size:24px;font-weight:700}.login-subtitle{text-align:center;color:#6b7280;margin-top:0;margin-bottom:32px;font-size:14px;font-weight:400}.login-error{color:#991b1b;text-align:center;background-color:#fee2e2;border:1px solid #f87171;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.login-success{color:#166534;text-align:center;background-color:#dcfce7;border:1px solid #4ade80;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:16px;transition:all .2s}.login-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:600;transition:background-color .2s}.login-button:hover{background-color:#1d4ed8}.login-button:active{background-color:#1e40af}@media (width<=480px){.login-box{margin:16px;padding:24px}}.sidebar{color:#fff;z-index:100;background-color:#1f2937;flex-direction:column;flex-shrink:0;width:250px;height:100%;transition:transform .3s;display:flex}.sidebar-header{border-bottom:1px solid #374151;padding:20px}.sidebar-header h2{color:#f9fafb;margin:0;font-size:22px;font-weight:700}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-nav ul{margin:0;padding:0;list-style:none}.nav-item a{color:#d1d5db;border-left:3px solid #0000;padding:14px 20px;font-size:15px;text-decoration:none;transition:all .2s;display:block}.nav-item a:hover{color:#fff;background-color:#374151;border-left-color:#3b82f6}.nav-item a.active{color:#fff;background-color:#111827;border-left-color:#3b82f6;font-weight:600}.sidebar-footer{border-top:1px solid #374151;padding:20px}.logout-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background-color .2s}.logout-btn:hover{background-color:#dc2626}.sidebar-overlay{z-index:90;background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}}.tenant-selector{margin-right:16px}.tenant-select{color:#374151;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:200px;padding:8px 12px;font-size:14px}.tenant-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.top-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000d}.header-left{align-items:center;gap:16px;display:flex}.menu-toggle{color:#4b5563;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;display:none}.header-title{color:#111827;margin:0;font-size:20px;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.user-name{color:#374151;font-size:14px;font-weight:500}.avatar{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:flex}@media (width<=768px){.menu-toggle{display:block}}.app-layout{background-color:#f3f4f6;width:100%;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.main-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-content{background-color:#f3f4f6;flex:1;padding:24px;overflow-y:auto}.empty-state{text-align:center;background-color:#fff;border:1px dashed #d1d5db;border-radius:8px;padding:60px 20px}.empty-state-icon{color:#9ca3af;margin-bottom:16px;font-size:48px}.empty-state h3{color:#111827;margin:0 0 8px;font-size:18px}.empty-state p{color:#6b7280;margin:0}.loading-container{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-edit{color:#3b82f6;cursor:pointer;background-color:#0000;border:1px solid #3b82f6;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:500}.btn-edit:hover{background-color:#eff6ff}.btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-primary:hover{background-color:#2563eb}.btn-success{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;margin-top:16px;padding:8px 16px;font-weight:500}.btn-success:hover:not(:disabled){background-color:#059669}.btn-success:disabled{cursor:not-allowed;background-color:#9ca3af}.form-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.cliente-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-size:14px}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.form-actions{justify-content:flex-start;display:flex}.table-container{background-color:#fff;border-radius:8px;margin-top:16px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.clientes-table{border-collapse:collapse;text-align:left;width:100%}.clientes-table th{color:#374151;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px;font-weight:600}.clientes-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px}.clientes-table tbody tr:last-child td{border-bottom:none}.clientes-table tbody tr:hover{background-color:#f9fafb}.empresas-container{flex-direction:column;gap:24px;display:flex}.empresas-header{justify-content:space-between;align-items:center;display:flex}.empresas-header h2{margin-top:0;margin-bottom:8px}.empresas-header p{color:#6b7280;margin:0}.empresas-table-container{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.empresas-table{border-collapse:collapse;width:100%}.empresas-table th,.empresas-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px}.empresas-table th{color:#374151;background-color:#f9fafb;font-weight:600}.usuarios-container{flex-direction:column;gap:24px;display:flex}.usuarios-header{justify-content:space-between;align-items:center;display:flex}.usuarios-header h2{margin-top:0;margin-bottom:8px}.usuarios-header p{color:#6b7280;margin:0}.tenant-filter{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.tenant-filter select{border:1px solid #d1d5db;border-radius:4px;min-width:250px;padding:8px 12px}.usuarios-table-container{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.usuarios-table{border-collapse:collapse;width:100%}.usuarios-table th,.usuarios-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px}.usuarios-table th{color:#374151;background-color:#f9fafb;font-weight:600}.status-badge{border-radius:9999px;padding:4px 8px;font-size:.85rem;font-weight:500}.status-ativo{color:#065f46;background-color:#d1fae5}.status-inativo{color:#991b1b;background-color:#fee2e2}