:root{--color-bg: #F7F8FA;--color-surface: #FFFFFF;--color-ink: #16223A;--color-ink-muted: #5F6B7E;--color-primary: #1D4684;--color-primary-dark: #142F5C;--color-accent: #86B63E;--color-warn: #C97B3C;--color-border: #E3E6EC;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-primary);color:#fff;padding:24px 16px;flex-shrink:0;display:flex;flex-direction:column}.sidebar__hamburger,.sidebar__backdrop{display:none}.sidebar__brand{font-family:var(--font-display);font-size:1.25rem;margin-bottom:32px;letter-spacing:.02em;text-align:center;text-transform:uppercase}.sidebar__nav{display:flex;flex-direction:column}.sidebar__salir{cursor:pointer;color:#ffffffd9;padding:10px 12px;border-radius:var(--radius);margin-top:260px}.sidebar__salir:hover{background:#ffffff1f}.sidebar__nav a{display:block;padding:10px 12px;border-radius:var(--radius);color:#ffffffd9;text-decoration:none;font-size:.95rem;margin-bottom:4px;border-left:3px solid transparent}.sidebar__nav a.active{background:var(--color-accent);color:#fff}.sidebar__nav a:hover{background:#ffffff1f;color:#fff}.main-content{flex:1;padding:32px;max-width:1600px}.page-title{font-family:var(--font-display);font-size:1.75rem;margin:0 0 4px}.page-subtitle{color:var(--color-ink-muted);margin:0 0 24px;font-size:.95rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kanban-container{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:8px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:var(--radius);padding:18px}.card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);margin-bottom:6px}.card__value{font-family:var(--font-display);font-size:2rem}table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:.9rem}th{color:var(--color-ink-muted);font-weight:600;font-size:.78rem;text-transform:uppercase}.btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:8px 16px;font-size:.9rem;cursor:pointer}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;background:var(--color-border)}.badge--warn{background:#c97b3c26;color:var(--color-warn)}.badge--ok{background:var(--color-accent);color:#fff}@media (max-width: 720px){.app-shell{flex-direction:column}.sidebar__hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;position:fixed;top:14px;left:14px;z-index:70;width:40px;height:40px;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;padding:0}.sidebar__hamburger span{display:block;width:20px;height:2px;background:#fff;margin:0 auto}.sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:65}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;transform:translate(-100%);transition:transform .2s ease;z-index:68;display:flex;flex-direction:column}.sidebar--abierto{transform:translate(0)}.sidebar__nav{display:flex;flex-direction:column}.sidebar__nav a{font-size:.95rem;text-align:left;padding:10px 12px}.sidebar__salir{margin-top:180px}.main-content{width:100%;padding:70px 14px 24px;overflow-x:auto;overflow-wrap:break-word}.page-title{font-size:1.4rem}.card-grid{grid-template-columns:1fr}table{font-size:.78rem;table-layout:fixed;width:100%}th,td{padding:6px 8px;white-space:normal;overflow-wrap:break-word;word-break:break-word;min-width:0;max-width:0}.kanban-container{display:flex!important;overflow-x:auto;gap:8px}.kanban-container>*{flex:0 0 260px}}