@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Franklin:wght@600;700&display=swap";
:root{--navy:#12233f;--navy2:#0b192f;--blue:#2457d6;--teal:#0f8b79;--gold:#c89b3c;--paper:#f4f6f9;--white:#fff;--ink:#1a2433;--muted:#657083;--line:#dfe4eb;--danger:#c54040;--orange:#dc7a28;--success:#25835b;--sidebar:264px}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.login-page{background:#fff;grid-template-columns:minmax(400px,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#091a31f7,#102e4df0),radial-gradient(circle at 20% 20%,#496b7c,#12233f);flex-direction:column;padding:48px 60px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-200px;right:-220px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.login-brand{letter-spacing:.2px;align-items:center;gap:12px;font-size:18px;display:flex}.brand-mark{background:var(--gold);width:42px;height:42px;color:var(--navy2);border-radius:12px;place-items:center;display:grid}.story-copy{z-index:1;max-width:670px;margin:auto 0;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--blue);font-size:11px;font-weight:700}.eyebrow.light{color:#f0c96f}.story-copy h1{letter-spacing:-2.5px;margin:18px 0 24px;font-family:Libre Franklin,sans-serif;font-size:clamp(38px,4.4vw,66px);line-height:1.05}.story-copy p{color:#c6d0df;max-width:610px;font-size:18px;line-height:1.7}.story-foot{color:#8799b4;font-size:12px}.login-panel{place-items:center;padding:44px;display:grid}.login-form{width:min(410px,100%)}.login-icon{width:48px;height:48px;color:var(--blue);background:#eaf0ff;border-radius:14px;place-items:center;display:grid}.login-form h2{margin:22px 0 7px;font-family:Libre Franklin;font-size:31px}.login-form>p{color:var(--muted);margin:0 0 20px;line-height:1.6}.default-access{background:#f6f8fc;border:1px solid #dce3ef;border-radius:10px;margin-bottom:20px;padding:12px 14px}.default-access>span{color:#687489;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.default-access>div{grid-template-columns:58px 1fr;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:grid}.default-access b{color:#495466}.default-access code{color:#1e3a66;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.login-form label,.field{color:#495466;flex-direction:column;gap:7px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.login-form input,.field input,.field select,.field textarea{color:var(--ink);background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;padding:12px 13px}.login-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2457d61a}.login-form small{text-align:center;color:#8a93a1;margin-top:22px;line-height:1.5;display:block}.form-error{color:#a82f2f;background:#fff0f0;border:1px solid #f2c9c9;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);background:var(--navy2);color:#d5deec;z-index:20;flex-direction:column;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .login-brand{border-bottom:1px solid #ffffff17;margin-bottom:16px;padding:0 9px 22px}.sidebar .brand-mark{border-radius:10px;width:37px;height:37px}.nav-section{letter-spacing:1.3px;text-transform:uppercase;color:#63738d;padding:12px 13px 7px;font-size:10px;font-weight:700}.nav-button{color:#aebbd0;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:1px 0;padding:10px 12px;font-size:13px;display:flex}.nav-button:hover{color:#fff;background:#ffffff0f}.nav-button.active{color:#fff;box-shadow:inset 3px 0 0 var(--gold);background:#1e3a66}.nav-button svg{opacity:.8}.sidebar-foot{border-top:1px solid #ffffff17;margin-top:auto;padding:16px 8px 0}.user-mini{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#284974;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.user-mini div{min-width:0}.user-mini strong,.user-mini small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-mini strong{font-size:12px}.user-mini small{color:#8291a9;margin-top:2px;font-size:10px}.logout{color:#8291a9;background:0 0;border:0;margin-left:auto;padding:8px}.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.crumb{color:var(--muted);font-size:13px}.crumb strong{color:var(--ink)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;display:grid}.content{max-width:1500px;margin:auto;padding:30px 34px 60px}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-title h1{letter-spacing:-.7px;margin:5px 0;font-family:Libre Franklin;font-size:27px}.page-title p{color:var(--muted);max-width:720px;margin:0;font-size:13px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.primary,.secondary,.danger-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1748bd}.primary.wide{width:100%;padding:13px}.secondary{color:#3d4a5c;border-color:var(--line);background:#fff}.secondary:hover{border-color:#b8c1cf}.danger-button{color:var(--danger);background:#fff;border-color:#efcaca}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card,.card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 7px #101f3409}.stat-card{padding:19px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent,var(--blue));width:4px;position:absolute;top:0;bottom:0;left:0}.stat-top{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.stat-icon{background:color-mix(in srgb,var(--accent,var(--blue)) 12%,white);width:34px;height:34px;color:var(--accent,var(--blue));border-radius:10px;place-items:center;display:grid}.stat-value{margin:9px 0 4px;font-family:Libre Franklin;font-size:29px}.stat-help{color:#8a93a1;font-size:11px}.dashboard-grid{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.card{margin-bottom:18px;padding:20px}.card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-head h2{margin:0;font-size:15px}.card-head small{color:var(--muted)}.risk-bars{flex-direction:column;gap:17px;display:flex}.risk-line{grid-template-columns:70px 1fr 30px;align-items:center;gap:10px;font-size:12px;display:grid}.bar-track{background:#edf0f4;border-radius:10px;height:8px;overflow:hidden}.bar-fill{border-radius:10px;height:100%}.list-row{border-bottom:1px solid #edf0f4;grid-template-columns:10px 1fr auto;align-items:start;gap:10px;padding:12px 0;display:grid}.list-row:last-child{border:0}.dot{border-radius:50%;width:8px;height:8px;margin-top:5px}.list-row strong{font-size:12px;display:block}.list-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.list-row time{color:#8b94a2;font-size:10px}.toolbar{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.search{flex:1;max-width:360px;position:relative}.search svg{color:#8c96a5;position:absolute;top:10px;left:11px}.search input{border:1px solid #dce2ea;border-radius:8px;width:100%;padding:9px 12px 9px 35px;font-size:12px}.table-card{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.data-table th{text-align:left;color:#697487;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8f9fb;padding:11px 14px;font-size:10px}.data-table td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:12px 14px}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fbfcfe}.cell-main{color:#263244;font-weight:600}.cell-sub{color:#8490a0;margin-top:3px;font-size:10px;display:block}.badge{white-space:nowrap;color:#596579;background:#eef1f5;border-radius:20px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge.alto,.badge.crítico,.badge.muy-alto,.badge.vencida,.badge.no-implementado{color:#aa3535;background:#ffe8e8}.badge.medio,.badge.en-proceso,.badge.pendiente,.badge.nueva{color:#996410;background:#fff2d9}.badge.bajo,.badge.cumplido,.badge.implementado,.badge.cerrada,.badge.sin-coincidencias{color:#237451;background:#e3f5ec}.badge.abierto,.badge.en-análisis,.badge.reportado{color:#2d55b1;background:#e6edff}.empty{text-align:center;color:#8490a0;padding:50px 20px}.empty svg{margin-bottom:8px}.row-menu{color:#728096;background:0 0;border:0;padding:5px}.modal-backdrop{z-index:50;background:#07112094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #00000045}.modal-head{border-bottom:1px solid var(--line);align-items:center;padding:20px 23px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head button{color:#748094;background:0 0;border:0;margin-left:auto}.modal-body{padding:22px 23px}.form-grid{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.field{margin-bottom:16px}.field.full{grid-column:1/-1}.check-field{flex-direction:row;align-items:center;padding:10px 0;font-weight:500}.check-field input{width:16px;height:16px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:15px 23px;display:flex}.entity-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.notice{border-left:4px solid var(--blue);color:#394c70;background:#eef3ff;border-radius:7px;margin-bottom:18px;padding:14px 16px;font-size:12px;line-height:1.5}.matrix{grid-template-columns:110px repeat(5,1fr);gap:4px;max-width:650px;display:grid}.matrix-cell{color:#fff;text-align:center;border-radius:6px;place-items:center;min-height:43px;padding:4px;font-size:10px;font-weight:700;display:grid}.matrix-label{color:#758093;background:0 0;font-weight:600}.compliance-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.requirement{border:1px solid var(--line);background:#fff;border-radius:10px;gap:12px;padding:15px;display:flex}.requirement .req-icon{color:var(--success);margin-top:2px}.requirement strong{font-size:12px;display:block}.requirement p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.audit-detail{white-space:nowrap;text-overflow:ellipsis;max-width:380px;overflow:hidden}.mobile-menu{display:none}.toast{color:#fff;z-index:80;background:#172842;border-radius:9px;padding:12px 16px;font-size:12px;position:fixed;bottom:26px;right:26px;box-shadow:0 10px 30px #00000038}@media (max-width:1000px){:root{--sidebar:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.content{padding:25px 22px}.sidebar{width:220px}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.sidebar{width:264px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:22px 15px}.page-title{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.form-grid,.entity-grid,.compliance-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar{flex-direction:column;align-items:stretch}.search{max-width:none}.sidebar-scrim{z-index:15;background:#00000059;position:fixed;inset:0}}