:root{--ph-blue-900: #172052;--ph-blue-700: #2a3884;--ph-violet-800: #6d1f76;--ph-violet-700: #8f3292;--ph-violet-600: #a53aa7;--ph-violet-300: #d8a7dc;--ph-violet-100: #f3e7f5;--ph-red: #ea2025;--ph-green: #35a84a;--ph-orange: #f59b20;--ph-gradient: linear-gradient(135deg, #2a3884 0%, #8f3292 58%, #ea2025 100%);--c-bg: #ffffff;--c-surface: #f7f5fa;--c-surface-strong: #efecf5;--c-border: #ded8e8;--c-text: #1c1530;--c-text-soft: #675f78;--c-white: #ffffff;--c-success: #1b8a4b;--c-warning: #c7821a;--c-error: #c62828;--c-info: var(--ph-violet-700);--sev-alto: #c62828;--sev-medio: #c7821a;--sev-bajo: #1b8a4b;--font-display: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(28, 21, 48, .06);--shadow-md: 0 4px 16px rgba(28, 21, 48, .1)}*{box-sizing:border-box}html{font-family:var(--font-body);color:var(--c-text);background:var(--c-bg)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--ph-violet-300);outline-offset:2px}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fff,#f8f5fb)}.centered-shell{display:grid;place-items:center;padding:var(--sp-5)}.screen{width:min(100%,560px);margin:0 auto;padding:var(--sp-4)}.auth-panel{align-self:center;width:min(100%,440px);padding-block:var(--sp-4)}.auth-panel .stack{gap:var(--sp-3)}.brand-panel{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--sp-3);color:var(--c-white);background:var(--ph-gradient)}.brand-panel-login{display:grid;min-height:420px;align-content:space-between;justify-items:start;padding:clamp(var(--sp-5),7vw,var(--sp-8));text-align:left;background:linear-gradient(145deg,#2a3884fa,#8f3292e0 58%,#ea2025b8),#2a3884}.brand-panel-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0c0e2a14,#0c0e2a2e 52%,#0c0e2a57),linear-gradient(180deg,#1610340a,#16103485)}.brand-panel-app{min-height:86px;justify-content:flex-start;padding:var(--sp-2) var(--sp-4);box-shadow:0 6px 18px #2a38842e}.brand-logo{position:relative;z-index:2;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.2))}.brand-panel-login .brand-logo{width:min(82vw,340px);height:auto}.brand-panel-app .brand-logo{width:72px;height:72px;flex:0 0 auto}.brand-copy{position:relative;z-index:2;min-width:0}.brand-condor{position:absolute;top:-6%;right:-40%;bottom:-12%;left:-28%;z-index:0;width:184%;height:118%;max-width:none;opacity:.5;mix-blend-mode:screen;object-fit:cover;transform:rotate(-3deg)}.brand-title{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,8vw,var(--fs-2xl));line-height:1.05}.brand-subtitle,.muted{color:var(--c-text-soft)}.brand-panel .brand-subtitle{margin:var(--sp-1) 0 0;color:#ffffffdb}.brand-panel-login .brand-title{max-width:12ch;font-size:clamp(2.35rem,12vw,4.5rem)}.brand-panel-login .brand-subtitle{font-size:clamp(1rem,2.7vw,var(--fs-lg));font-weight:var(--fw-bold)}.brand-brief{max-width:28rem;margin:var(--sp-3) 0 0;color:#ffffffdb;font-size:var(--fs-base);line-height:1.5}.brand-assurance{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.brand-assurance span{min-height:30px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);color:#ffffffeb;background:#ffffff1f;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.brand-panel-app .brand-title{font-size:clamp(1.1rem,5vw,1.5rem)}.brand-panel-app .brand-subtitle{font-size:var(--fs-sm)}.page-title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--fs-xl)}.stack{display:grid;gap:var(--sp-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.actions{display:grid;gap:var(--sp-3)}.panel{display:grid;gap:var(--sp-4);padding:var(--sp-5) var(--sp-4)}.workspace{width:min(100%,720px);margin:0 auto;padding:var(--sp-4)}.workspace-head{display:grid;gap:var(--sp-2);padding:var(--sp-4) 0 var(--sp-3)}.workspace-form,.workspace-section{display:grid;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:#ffffffe0;box-shadow:var(--shadow-sm)}.context-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.context-pill{display:inline-flex;min-height:32px;align-items:center;border-radius:var(--radius-pill);padding:0 var(--sp-3);color:var(--ph-blue-900);background:var(--ph-violet-100);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.surface{padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.error-text{margin:0;color:var(--c-error);font-size:var(--fs-sm)}.success-text{margin:0;color:var(--c-success);font-size:var(--fs-sm)}.demo-access{display:grid;gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-soft);background:#fbf9fe;font-size:var(--fs-sm)}.demo-access strong{color:var(--ph-blue-900)}.system-status{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3);border:1px solid var(--status-border);border-radius:var(--radius-md);color:var(--status-text);background:var(--status-bg)}.system-status strong,.system-status small{display:block}.system-status small{margin-top:2px;color:var(--c-text-soft);font-size:var(--fs-sm)}.system-status-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-sm);background:#ffffffb8}.system-status-info,.system-status-loading{--status-bg: #f2edf8;--status-border: #dccfea;--status-text: var(--ph-blue-900)}.system-status-success{--status-bg: #edf8f0;--status-border: #cbe9d3;--status-text: var(--c-success)}.system-status-error{--status-bg: #fff0f0;--status-border: #f1c5c5;--status-text: var(--c-error)}.status-spinner{width:20px;height:20px;border:3px solid #d8c7e8;border-top-color:var(--ph-violet-700);border-radius:50%;animation:spin .7s linear infinite}.button{display:inline-flex;min-height:48px;width:100%;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--sp-4);font-weight:var(--fw-bold);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.button-primary{color:var(--c-white);background:var(--ph-violet-700)}.button-primary:hover{background:var(--ph-violet-600)}.button-secondary{color:var(--ph-violet-700);border-color:var(--ph-violet-700);background:transparent}.button-danger{color:var(--c-error);border-color:var(--c-error);background:transparent}.button:disabled{opacity:.55}.field{display:grid;gap:var(--sp-2)}.field label{font-weight:var(--fw-medium)}.control-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-2);min-height:48px;border:1px solid var(--c-border);border-radius:var(--radius-md);padding:0 var(--sp-3);background:var(--c-surface)}.control-wrap:has(.control:disabled){border-style:dashed;background:#f0edf6}.control-wrap:focus-within{border-color:var(--ph-violet-300);box-shadow:0 0 0 3px #8f329224}.control-wrap svg{color:var(--c-text-soft)}.control{min-width:0;width:100%;min-height:46px;border:0;color:var(--c-text);background:transparent;font-size:var(--fs-base);outline:0}.control:disabled{color:var(--c-text-soft);opacity:1}textarea.control{min-height:150px;resize:vertical;padding:var(--sp-3) 0}.icon-button{display:inline-grid;width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-sm);color:var(--c-text-soft);background:transparent}.spinner{display:inline-grid;gap:var(--sp-3);justify-items:center;color:var(--c-text-soft)}.spinner-mark{width:32px;height:32px;border:4px solid var(--ph-violet-100);border-top-color:var(--ph-violet-700);border-radius:50%;animation:spin .7s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--sp-4);background:#1c15308c}.modal-card{width:min(100%,420px);padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--c-bg);box-shadow:var(--shadow-md)}.report-card{display:grid;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--c-border);border-left:6px solid var(--severity-color);border-radius:var(--radius-md);background:var(--c-surface);content-visibility:auto;contain-intrinsic-size:160px}.severity-badge{display:inline-flex;width:fit-content;align-items:center;border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);color:var(--c-white);background:var(--severity-color);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.auth-layout{align-items:stretch;justify-content:stretch;column-gap:0;padding:0;background:var(--c-bg);display:grid;min-height:100vh;grid-template-columns:minmax(0,58vw) minmax(360px,42vw)}.brand-panel-login{min-height:100vh;padding:clamp(var(--sp-6),6vw,88px);border-radius:0}.brand-panel-login .brand-logo{width:min(52%,420px)}.brand-condor{top:-8%;right:-42%;bottom:-10%;left:-22%;width:178%;height:122%;opacity:.52}.auth-panel{justify-self:center;width:min(100%,440px)}.brand-panel-app{min-height:84px;padding-inline:var(--sp-6)}.screen{padding:var(--sp-8) var(--sp-5)}.workspace{padding:var(--sp-5)}.actions{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}