@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-success:#22c55e;--color-success-light:#4ade80;--color-warning:#eab308;--color-warning-light:#fde047;--color-danger:#ef4444;--color-danger-light:#f87171;--color-orange:#f97316;--color-orange-light:#fb923c;--color-bg:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--sidebar-bg:#1e1b4b;--sidebar-text:#e0e7ff;--sidebar-active:#6366f1;--sidebar-width:200px;--sidebar-collapsed-width:70px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease}[data-theme=oscuro]{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-border:#475569;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--sidebar-bg:#0f0d24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14.4px;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app-layout{max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{padding:var(--spacing-lg);transition:margin-left var(--transition-normal);flex:1;min-width:0}@media (min-width:769px){.main-content{margin-left:var(--sidebar-collapsed-width)}.sidebar.open~.main-content{margin-left:var(--sidebar-width)}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width)}}@media (max-width:768px){.main-content{padding:var(--spacing-sm);width:100%;max-width:100vw;overflow-x:hidden;margin-left:0!important}}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);height:100vh;color:var(--sidebar-text);z-index:100;transition:transform var(--transition-normal),width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid #ffffff1a}.sidebar-logo{justify-content:center;align-items:center;display:flex}.sidebar-logo-mini{display:none}.sidebar-nav{padding:var(--spacing-md)0;flex:1;overflow-y:auto}.sidebar-close{color:#fff;padding:var(--spacing-sm);cursor:pointer;opacity:.7;background:0 0;border:none;display:none}.sidebar-close:hover{opacity:1}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);color:var(--sidebar-text);opacity:.7;transition:all var(--transition-fast);border-left:3px solid #0000;display:flex}.nav-item:hover{opacity:1;background:#ffffff0d}.nav-item.active{opacity:1;border-left-color:var(--color-primary);background:#6366f133}.nav-item svg{width:20px;height:20px}.sidebar.collapsed .sidebar-header{padding:var(--spacing-md)0}.sidebar.collapsed .sidebar-logo-full{display:none}.sidebar.collapsed .sidebar-logo-mini{display:flex}.sidebar.collapsed .nav-item{border-left-color:#0000;justify-content:center;padding:.85rem 0}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item.active{box-shadow:inset 3px 0 0 var(--color-primary)}.sidebar-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid #ffffff1a}.btn-new{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-success);color:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast);border:none;font-weight:600;display:flex}.btn-new:hover{background:var(--color-success-light)}@media (max-width:768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.open{transform:translate(0)}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-close{display:block}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}}.header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.header-title h1{font-size:1.5rem;font-weight:700}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.menu-toggle{padding:var(--spacing-sm);display:inline-flex}.header-title p{color:var(--color-text-secondary);font-size:.875rem}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.search-box{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:280px;display:flex}.search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-box input::placeholder{color:var(--color-text-muted)}.user-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}@media (max-width:1024px){.search-box{display:none}}@media (max-width:768px){.header{margin-bottom:var(--spacing-md);flex-wrap:wrap}.header-left{order:1;width:100%}.header-title{flex:1;min-width:0}.header-title h1{word-break:break-word;font-size:1.15rem;line-height:1.3}.header-actions{justify-content:flex-end;gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-xs);order:2}.header-actions .btn-ghost{padding:4px}.user-avatar{width:28px;height:28px;font-size:.65rem}}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-body{padding:var(--spacing-lg)}.kpi-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);color:#fff}.kpi-card.primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.kpi-card.success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.kpi-card.warning{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.kpi-card.orange{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:var(--spacing-xs);font-size:.75rem}.kpi-card .kpi-value{font-size:2rem;font-weight:700}.kpi-card .kpi-icon{float:right;opacity:.5}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.75rem;font-weight:600}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);vertical-align:top;white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.table tbody tr:hover{background:var(--color-bg-tertiary)}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.badge.success{color:var(--color-success);background:#22c55e1a}.badge.warning{color:var(--color-warning);background:#eab3081a}.badge.danger{color:var(--color-danger);background:#ef44441a}.badge.primary{color:var(--color-primary);background:#6366f11a}.badge.orange{color:var(--color-orange);background:#f973161a}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{background:var(--color-bg-tertiary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--color-text-muted)}.form-select{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.kanban-board{gap:var(--spacing-md);padding-bottom:var(--spacing-md);display:flex;overflow-x:auto}.kanban-column{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md);flex:0 0 320px}.kanban-column-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.kanban-column-count{color:var(--color-text-muted);font-size:.75rem}.kanban-cards{gap:var(--spacing-sm);flex-direction:column;min-height:200px;display:flex}.kanban-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card.dragging{opacity:.5;cursor:grabbing}.kanban-card-id{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600}.kanban-card-title{margin-bottom:var(--spacing-sm);font-weight:500}.kanban-card-client{color:var(--color-text-secondary);font-size:.875rem}.kanban-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.login-container{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo h1{color:var(--color-primary);font-size:1.5rem;font-weight:700}.login-logo p{color:var(--color-text-secondary);font-size:.875rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column;display:flex}.flex-between{justify-content:space-between;align-items:center;max-width:100%;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr) auto;align-items:stretch;display:grid}.dashboard-logo-panel{justify-content:center;align-items:center;min-width:170px;display:none}.sidebar.collapsed~.main-content .dashboard-grid{grid-template-columns:180px repeat(3,minmax(0,1fr)) auto}.sidebar.collapsed~.main-content .dashboard-logo-panel{display:flex}@media (max-width:1200px){.dashboard-grid,.sidebar.collapsed~.main-content .dashboard-grid{grid-template-columns:repeat(2,1fr)}.sidebar.collapsed~.main-content .dashboard-logo-panel{display:none}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-logo-panel{display:none!important}.sidebar.collapsed~.main-content .dashboard-grid{grid-template-columns:1fr!important}.sidebar.collapsed~.main-content .dashboard-logo-panel{display:none!important}}.cuentas-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.cuentas-toolbar-left{align-items:center;gap:var(--spacing-md);min-width:280px;display:flex}.cuentas-toolbar-right{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.cuentas-filter-wrap{width:430px;max-width:100%;margin-right:.5rem}.cuentas-filter-wrap .card{margin-bottom:0}.gross-profit-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#7dcf75 0%,#5fb55a 100%);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #5fb55a47}.trabajos-filter-bar{align-items:center}@media (max-width:1280px){.cuentas-toolbar{flex-wrap:wrap}.cuentas-toolbar-right{justify-content:flex-start;width:100%;margin-left:0}.cuentas-filter-wrap{width:min(100%,560px);margin-right:.25rem}}@media (max-width:1500px){.trabajos-filter-bar{flex-wrap:wrap}}@media (max-width:768px){.cuentas-toolbar-left{justify-content:center;min-width:100%}.cuentas-toolbar-right{flex-wrap:wrap}.cuentas-filter-wrap{width:100%;margin-right:0}.gross-profit-pill{text-align:center;width:100%}}.filter-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center;display:flex}@media (max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>div{width:100%}.filter-bar .flex{justify-content:stretch;width:100%}.filter-bar .btn{flex:1;width:100%}}.delivery-card{align-items:center;gap:1.5rem;padding:1rem;display:flex}@media (max-width:768px){.delivery-card{flex-direction:column;align-items:flex-start;gap:1rem}.delivery-card>div{width:100%}}.form-row{gap:var(--spacing-md);align-items:flex-end;display:flex}@media (max-width:768px){.form-row{flex-direction:column;align-items:stretch}.grid-2{grid-template-columns:1fr}.card,.card-body,.table-container,.filter-bar,.kpi-grid,.header,.flex-between{max-width:100%;overflow-x:auto}.flex-column.gap-sm{width:100%}.trabajos-filter-bar{flex-direction:column!important;align-items:stretch!important}.trabajos-filter-bar .flex.gap-sm{flex-direction:column;width:100%}.trabajos-filter-bar .btn{justify-content:center;width:100%}.trabajos-filter-bar .gross-profit-pill{text-align:center;width:100%}.header-title h1{word-break:break-word;font-size:1.25rem}}