@theme{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(228 8% 27%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(228 8% 27%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(228 8% 27%); --color-primary: hsl(186 75% 48%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(234 16% 87%); --color-secondary-foreground: hsl(228 8% 27%); --color-muted: hsl(234 16% 87%); --color-muted-foreground: hsl(228 8% 47%); --color-accent: hsl(186 73% 49%); --color-accent-foreground: hsl(228 8% 15%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(234 16% 87%); --color-input: hsl(234 16% 87%); --color-ring: hsl(186 73% 49%); --color-link: hsl(204 80% 54%); --color-corporate-dark: #2a2b38; --color-corporate-medium: #6f7182; --color-corporate-light: #56d3e1; --color-corporate-interactive: #1fc3d6; --color-corporate-accent: #2d9be8; --color-corporate-background-dark: #2a2b38; --color-corporate-background-medium: #6f7182; --color-corporate-background-light: #d9dae4; --color-azul-claro: #86dded; --color-azul-corporativo: #1fc3d6; --color-azul-oscuro: #31a8be; --color-gris-claro: #d9dae4; --color-gris-corporativo: #6f7182; --color-gris-oscuro: #424351; --radius: .5rem; --radius-lg: var(--radius); --radius-md: calc(var(--radius) - 2px); --radius-sm: calc(var(--radius) - 4px); }:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#424351;background:#f3f5fb;--sp-sidebar: #424351;--sp-sidebar-border: #5b5c6c;--sp-surface: #ffffff;--sp-surface-muted: #f5f7fb;--sp-border: #d9dae4;--sp-text: #424351;--sp-subtle: #6f7182;--sp-primary: #1fc3d6;--sp-primary-dark: #31a8be;--sp-primary-soft: rgba(31, 195, 214, .12);--sp-success-soft: rgba(38, 191, 101, .12);--sp-danger-soft: rgba(220, 79, 79, .12);--sp-shadow: 0 6px 18px rgba(36, 44, 62, .08);--sp-radius-lg: 18px;--sp-radius-md: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:linear-gradient(180deg,#f7f8fc,#eef1f7);color:var(--sp-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.btn-azul{background:var(--sp-primary);color:#fff;border:1px solid var(--sp-primary)}.btn-azul:hover{background:var(--sp-primary-dark);border-color:var(--sp-primary-dark)}.btn-blanco{background:#fff;color:var(--sp-text);border:1px solid var(--sp-border)}.btn-blanco:hover{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}.sp-layout{display:flex;min-height:100vh}.sp-mobile-header{position:fixed;top:0;left:0;right:0;z-index:40;display:none;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid var(--sp-border)}.sp-logo{height:32px;width:auto}.sp-overlay{position:fixed;inset:0;background:#12182673;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:45}.sp-overlay.visible{opacity:1;pointer-events:auto}.sp-sidebar{width:320px;background:var(--sp-sidebar);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);box-shadow:4px 0 24px #0000001f}.sp-sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:18px 22px;border-bottom:1px solid var(--sp-sidebar-border)}.sp-sidebar-nav{flex:1;overflow:auto;padding:22px 18px}.sp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#ffffffd1;font-size:15px;margin-bottom:6px;transition:background-color .16s ease,color .16s ease}.sp-nav-item:hover{background:#ffffff14;color:#fff}.sp-nav-item.active{background:var(--sp-primary);color:var(--sp-text);font-weight:600}.sp-nav-icon{flex:0 0 auto}.sp-sidebar-footer{padding:18px;border-top:1px solid var(--sp-sidebar-border)}.sp-user-block{display:flex;align-items:center;gap:12px}.sp-user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#ffffff1f;color:#fff;font-weight:700}.sp-user-copy{flex:1;min-width:0}.sp-user-name,.sp-user-meta{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-user-name{color:#fff;font-size:14px;font-weight:600}.sp-user-meta{color:#ffffff9e;font-size:12px;margin-top:2px}.sp-ghost-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit}.sp-ghost-icon:hover{background:#ffffff14}.sp-main{flex:1;min-width:0}.sp-content{padding:28px 36px}.sp-page-loader{min-height:100vh;display:grid;place-items:center;color:var(--sp-subtle)}.sp-page{display:grid;gap:22px}.sp-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.sp-page-title{margin:0;font-size:28px;line-height:1.1;color:var(--sp-text)}.sp-page-subtitle{margin:8px 0 0;color:var(--sp-subtle);max-width:760px;line-height:1.5}.sp-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.sp-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--sp-border);background:#fff;color:var(--sp-subtle);font-size:13px}.sp-grid{display:grid;gap:22px}.sp-grid.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sp-grid.cols-2{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.sp-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow);padding:28px 30px}.sp-card.tight{padding:22px}.sp-card-title{margin:0 0 6px;font-size:16px;font-weight:500;color:var(--sp-subtle)}.sp-card-heading{margin:0 0 14px;font-size:18px;color:var(--sp-text)}.sp-stat-value{font-size:38px;font-weight:700;color:var(--sp-text)}.sp-stat-caption{margin-top:10px;color:var(--sp-subtle);font-size:14px}.sp-kv{display:grid;gap:18px}.sp-kv-item{display:grid;gap:6px}.sp-label{font-size:14px;color:var(--sp-subtle)}.sp-value{font-size:16px;color:var(--sp-text)}.sp-code{font-family:IBM Plex Mono,Consolas,monospace;font-size:13px;color:var(--sp-text);word-break:break-word;white-space:pre-wrap;background:var(--sp-surface-muted);border:1px solid var(--sp-border);border-radius:14px;padding:12px 14px}.sp-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.sp-status.success{background:var(--sp-success-soft);color:#1c8c53}.sp-status.danger{background:var(--sp-danger-soft);color:#b84444}.sp-status.neutral{background:var(--sp-primary-soft);color:var(--sp-primary-dark)}.sp-actions,.sp-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--sp-border);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.sp-button.primary{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}.sp-button.primary:hover{background:var(--sp-primary-dark);border-color:var(--sp-primary-dark)}.sp-button.secondary{background:#fff;color:var(--sp-text)}.sp-button.secondary:hover{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}.sp-input,.sp-select,.sp-textarea{width:100%;min-height:46px;padding:12px 14px;background:#fff;color:var(--sp-text);border:1px solid var(--sp-border);border-radius:12px;outline:none}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{border-color:var(--sp-primary);box-shadow:0 0 0 3px #1fc3d624}.sp-textarea{min-height:150px;resize:vertical}.sp-form-grid{display:grid;gap:16px}.sp-form-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sp-field{display:grid;gap:8px}.sp-panel-list{display:grid;gap:12px}.sp-list-item{width:100%;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--sp-border);background:#fff;color:var(--sp-text);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.sp-list-item:hover{border-color:#1fc3d65c;box-shadow:0 10px 18px #1fc3d614}.sp-list-item.selected{background:#f7fdff;border-color:#1fc3d680}.sp-list-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.sp-list-title{margin:0;font-size:15px;font-weight:600}.sp-list-meta{margin:8px 0 0;font-size:13px;color:var(--sp-subtle);word-break:break-word}.sp-table-wrap{overflow:auto}.sp-table{width:100%;border-collapse:collapse}.sp-table th,.sp-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #eceff5;vertical-align:top}.sp-table th{font-size:13px;font-weight:700;color:var(--sp-subtle);text-transform:uppercase;letter-spacing:.04em}.sp-empty{padding:16px 0 4px;color:var(--sp-subtle)}.sp-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f7f8fc,#eef1f7)}.sp-login-card{width:min(560px,100%);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:24px;box-shadow:0 20px 40px #242c3e1f;padding:36px}.sp-login-brand{display:flex;justify-content:center;margin-bottom:28px}.sp-login-copy{text-align:center}.sp-login-copy h1{margin:0;font-size:34px;color:var(--sp-text)}.sp-login-copy p{margin:10px 0 0;color:var(--sp-subtle)}@media(max-width:1024px){.sp-grid.cols-2,.sp-grid.cols-3{grid-template-columns:1fr}}@media(max-width:768px){.sp-mobile-header{display:flex}.sp-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;max-width:320px;transform:translate(-100%);transition:transform .18s ease}.sp-sidebar.open{transform:translate(0)}.sp-main{width:100%;padding-top:56px}.sp-content{padding:20px 16px 28px}.sp-page-header{flex-direction:column}.sp-header-actions{width:100%;justify-content:flex-start}}@media(min-width:769px){.sp-mobile-close{display:none}}