:root{color:#15223a;background:#eef4fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy: #0f2747;--navy-soft: #17365f;--accent: #2563eb;--accent-dark: #1d4ed8;--teal: #0f9f9a;--surface: #ffffff;--surface-soft: #f7fbff;--line: #d7e2ef;--muted: #637083;--shadow: 0 18px 45px rgb(15 39 71 / 10%);--radius: 8px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid #2dd4bf;outline-offset:3px}.app-shell{min-height:100vh;background:linear-gradient(180deg,#eef4fbf5,#e6eff9f5),radial-gradient(circle at 20% 0%,rgb(37 99 235 / 10%),transparent 32%)}.app-header{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;box-shadow:0 8px 28px #0f274729}.app-header nav{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1440px,calc(100% - 40px));max-width:calc(100vw - 40px);margin:0 auto;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1rem;font-weight:800;text-decoration:none}.brand span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#eaf4ff;color:var(--accent);font-size:.82rem;letter-spacing:0}.main-layout{width:min(1440px,calc(100% - 40px));max-width:calc(100vw - 40px);margin:0 auto;padding:30px 0 52px}.hero-section{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 22px}.hero-section>*{min-width:0}.hero-section h1{margin:6px 0 10px;color:var(--navy);font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:0}.hero-section p{max-width:760px;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.6;overflow-wrap:anywhere}.demo-note{display:block;max-width:100%;margin-bottom:4px;color:var(--teal)!important;font-size:.9rem!important;font-weight:800;overflow-wrap:anywhere;white-space:normal}.button,.icon-button,.tab{border:0;border-radius:var(--radius);font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;background:var(--accent);color:#fff;box-shadow:0 10px 20px #2563eb2e}.button:hover{background:var(--accent-dark)}.button--ghost{border:1px solid rgb(255 255 255 / 22%);background:#ffffff17;color:currentColor;box-shadow:none}.button--ghost:hover{background:#ffffff29}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);background:#fff;color:var(--navy)}.toast{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 14px;border:1px solid #a7f3d0;border-radius:var(--radius);background:#ecfdf5;color:#065f46;font-weight:800}.toast button{border:0;background:transparent;color:currentColor;font-size:1.2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-width:0;margin-bottom:18px}.metric-card,.insight-card,.filters-panel,.panel,.kanban-column,.modal,.drawer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-width:0;min-height:130px;padding:18px}.metric-card svg{color:var(--teal)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:.86rem;font-weight:800}.metric-card strong{display:block;margin-top:8px;color:var(--navy);font-size:2.1rem;line-height:1}.metric-card--primary{background:var(--navy);color:#fff}.metric-card--primary span,.metric-card--primary small,.metric-card--primary strong{color:#fff}.insight-card{padding:18px}.insight-card h2,.panel h2,.kanban-column h2{margin:0;color:var(--navy);font-size:1rem;line-height:1.2}.priority-card{grid-column:span 2}.recent-card{grid-column:span 3}.priority-bars{display:grid;gap:12px;margin-top:16px}.priority-row{display:grid;grid-template-columns:72px 1fr 28px;align-items:center;gap:10px;color:var(--muted);font-size:.88rem;font-weight:800}.bar-track{height:9px;overflow:hidden;border-radius:999px;background:#e4ecf5}.bar-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.priority-crítica,.badge-crítica{background:#fee2e2;color:#991b1b}.priority-alta,.badge-alta{background:#ffedd5;color:#9a3412}.priority-media,.badge-media{background:#dbeafe;color:#1e40af}.priority-baja,.badge-baja{background:#dcfce7;color:#166534}.priority-crítica,.priority-alta,.priority-media,.priority-baja{background:var(--teal)}.recent-card ul,.history ol{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.recent-card li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.recent-card strong,.recent-card small{display:block}.recent-card strong{color:#27364d;font-size:.9rem}.recent-card small{margin-top:2px;color:var(--muted)}.filters-panel{margin-bottom:18px;padding:6px 18px 18px}.filters-panel summary{padding:12px 0;color:var(--navy);font-weight:900}.filters-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(140px,1fr)) auto;gap:12px;align-items:end}label{display:grid;gap:7px;color:#31415a;font-size:.85rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #cbd7e6;border-radius:var(--radius);background:#fff;color:#15223a;min-height:40px;padding:9px 10px}textarea{resize:vertical}.view-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}[role=tablist]{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.tab{min-width:92px;min-height:38px;background:transparent;color:var(--muted)}.tab.is-active{background:var(--navy);color:#fff}.panel{overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.panel-header p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.sort-control{min-width:180px}.table-wrap{overflow-x:auto}table{width:100%;min-width:940px;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #e7edf5;text-align:left;vertical-align:middle}th{color:var(--muted);background:var(--surface-soft);font-size:.78rem;text-transform:uppercase}td{color:#26354c;font-size:.92rem}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.badge-pendiente{background:#e0f2fe;color:#075985}.badge-en-progreso{background:#ede9fe;color:#5b21b6}.badge-bloqueada{background:#ffe4e6;color:#9f1239}.badge-resuelta{background:#ccfbf1;color:#115e59}.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.kanban-column{min-width:260px;padding:14px}.kanban-column header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kanban-column header span{display:grid;min-width:30px;height:30px;place-items:center;border-radius:999px;background:#eaf1fb;color:var(--navy);font-weight:900}.kanban-stack{display:grid;gap:12px}.kanban-card{display:grid;gap:10px;padding:14px;border:1px solid #dfe8f4;border-radius:var(--radius);background:var(--surface-soft)}.card-link{display:grid;gap:4px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.card-link span{color:var(--accent);font-size:.82rem;font-weight:900}.card-link strong{color:var(--navy);line-height:1.35}.kanban-card p{margin:0;color:var(--muted)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.85rem}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;background:#0f27475c}.modal-backdrop{align-items:center;justify-content:center;padding:20px}.modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto}.modal-header,.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.modal h2,.drawer h2{margin:0;color:var(--navy);font-size:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.form-grid label:first-child,.form-grid label:nth-child(2),.form-error,.modal-actions{grid-column:1 / -1}.form-error{margin:0;color:#b91c1c;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.drawer-backdrop{justify-content:flex-end}.drawer{width:min(480px,100%);height:100%;overflow:auto;border-radius:8px 0 0 8px}.drawer-header span{color:var(--accent);font-weight:900}.drawer-body{display:grid;gap:18px;padding:18px}.drawer-body h3{margin:0;color:var(--navy)}.drawer-body p{margin:0;color:var(--muted);line-height:1.55}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid div{padding:12px;border-radius:var(--radius);background:var(--surface-soft)}dt{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}dd{margin:5px 0 0;color:#26354c;font-weight:800}.drawer-controls{display:grid;grid-template-columns:1fr;gap:12px}.history li{display:grid;grid-template-columns:96px 1fr;gap:10px;color:#2d3d55}.history time{color:var(--teal);font-weight:900}.drawer-actions{padding:0 18px 18px}.drawer-actions .button--ghost,.modal-actions .button--ghost,.filters-grid .button--ghost{border-color:var(--line);color:var(--navy)}@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.priority-card,.recent-card{grid-column:span 2}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:840px){.app-header nav,.main-layout{width:min(calc(100% - 28px),760px);max-width:calc(100vw - 28px)}.hero-section{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-panel:not([open]){padding-bottom:6px}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header{align-items:stretch;flex-direction:column}table,thead,tbody,tr,th,td{display:block;min-width:0}thead{display:none}.table-wrap{overflow-x:visible;padding:12px}tr{margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}td{display:flex;justify-content:space-between;gap:14px;padding:10px 12px}td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}}@media(max-width:520px){.app-header nav,.main-layout{width:min(calc(100% - 32px),420px);max-width:calc(100vw - 32px)}.app-header nav{align-items:stretch;flex-direction:column}.hero-section h1{font-size:2.1rem}.dashboard-grid,.filters-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.priority-card,.recent-card{grid-column:auto}.view-toolbar{justify-content:stretch}[role=tablist]{width:100%}.tab{flex:1}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.drawer{border-radius:0}td{align-items:flex-start;flex-direction:column}}