@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--font-family-base: "Poppins", system-ui, sans-serif;--awk-cyan-100: #d9fbff;--awk-cyan-300: #19f7f1;--awk-cyan-400: #11eaea;--awk-cyan-500: #0fced3;--awk-cyan-600: #0abcc9;--awk-cyan-700: #0b93aa;--awk-blue-50: #f0f3fc;--awk-blue-100: #e2e6f2;--awk-blue-300: #72a3c4;--awk-blue-400: #4e7ea5;--awk-blue-500: #3b6996;--awk-blue-600: #34547a;--awk-blue-700: #27334f;--awk-blue-800: #003670;--awk-blue-900: #01264c;--awk-blue-950: #011932;--color-bg: var(--awk-blue-50);--color-surface: #ffffff;--color-text-primary: var(--awk-blue-950);--color-text-secondary: var(--awk-blue-600);--color-accent: var(--awk-cyan-600);--color-border: var(--awk-blue-100);--color-danger: #c0392b;--color-warning: #b8860b;--color-success: #1e7a4c;--color-accent-contrast: var(--awk-blue-950);--color-surface-muted: var(--awk-blue-50);--color-focus-ring: rgba(10, 188, 201, .35);--prioridad-critica: #c0392b;--prioridad-alta: #d9822b;--prioridad-media: var(--awk-blue-400);--prioridad-baja: var(--awk-blue-300);--estado-abierto: var(--awk-blue-500);--estado-progreso: var(--awk-cyan-700);--estado-cerrado: var(--color-success);--sla-en-plazo: var(--color-success);--sla-en-riesgo: var(--prioridad-alta);--sla-vencido: var(--color-danger);--sla-cumplido: var(--color-text-secondary);--sla-necesita-actualizacion: var(--prioridad-alta);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 36px;--shadow-sm: 0 1px 2px rgba(1, 25, 50, .06), 0 1px 1px rgba(1, 25, 50, .04);--shadow-md: 0 4px 12px rgba(1, 25, 50, .08), 0 2px 4px rgba(1, 25, 50, .04);--transition-fast: .15s ease}@media(prefers-color-scheme:dark){:root{--color-bg: var(--awk-blue-950);--color-surface: var(--awk-blue-900);--color-surface-muted: var(--awk-blue-800);--color-text-primary: var(--awk-blue-50);--color-text-secondary: var(--awk-blue-300);--color-border: var(--awk-blue-700);--color-accent-contrast: var(--awk-blue-950);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text-primary);line-height:1.5}h1,h2,h3{font-weight:600;line-height:1.25;margin:0 0 var(--spacing-md)}h1{font-size:1.6em}h2{font-size:1.2em}h3{font-size:1.05em}p{margin:0 0 var(--spacing-sm)}a{color:var(--color-accent);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}ul{margin:0;padding-left:1.1em}li{margin-bottom:var(--spacing-xs)}button,input,select,textarea{font-family:inherit;font-size:.95em}label{display:block;margin-bottom:var(--spacing-sm);font-size:.88em;font-weight:500;color:var(--color-text-secondary)}label>input:not([type=checkbox]):not([type=radio]),label>select,label>textarea{display:block;width:100%;margin-top:var(--spacing-xs)}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:center;gap:var(--spacing-xs);font-weight:400;color:var(--color-text-primary)}input,select,textarea{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--color-accent)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}textarea{resize:vertical;min-height:2.4em}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.7}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0}legend{padding:0 var(--spacing-xs);font-weight:600;font-size:.9em;color:var(--color-text-secondary)}button{padding:9px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}button[type=submit],button.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}button[type=submit]:hover:not(:disabled),button.btn-primary:hover:not(:disabled){filter:brightness(1.08);color:var(--color-accent-contrast)}button.btn-danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}button.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}button[aria-pressed]{border-radius:var(--radius-md);background:transparent;border-color:transparent;color:var(--color-text-secondary)}button[aria-pressed=true],button[aria-pressed=true]:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}button[aria-pressed=false]:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text-primary)}table{width:100%;border-collapse:collapse;font-size:.92em}thead th{text-align:left;padding:10px 14px;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}tbody td{padding:10px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:hover td{background:var(--color-surface-muted)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.card+.card{margin-top:var(--spacing-md)}.stack{display:flex;flex-direction:column;gap:var(--spacing-sm)}.row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.tab-bar{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);background:var(--color-surface-muted);padding:var(--spacing-xs);border-radius:var(--radius-md);width:fit-content}.form-max{max-width:480px}.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}
