:root{--bg:#050a0f;--bg-offset:#080f18;--bg-glass:rgba(8,15,24,.75);--bg-card:rgba(10,18,28,.9);--bg-sidebar:#020508;--border:rgba(0,242,255,.35);--border-muted:hsla(0,0%,100%,.08);--border-strong:rgba(0,242,255,.6);--accent:#00f2ff;--accent-dim:#00c4cc;--accent-glow:rgba(0,242,255,.15);--accent-glow-strong:rgba(0,242,255,.3);--success:#00d084;--success-glow:rgba(0,208,132,.15);--warning:#f5a623;--warning-glow:rgba(245,166,35,.15);--danger:#ff3b5c;--danger-glow:rgba(255,59,92,.15);--text:#e8f4f8;--text-muted:#6b8a9e;--text-dim:#3a5568;--font-ui:"Space Mono","JetBrains Mono",monospace;--font-mono:"JetBrains Mono","Space Mono",monospace;--radius:0px;--radius-sm:0px;--radius-md:0px;--space-unit:8px;--space-xs:calc(var(--space-unit)*.5);--space-sm:var(--space-unit);--space-md:calc(var(--space-unit)*2);--space-lg:calc(var(--space-unit)*4);--space-xl:calc(var(--space-unit)*8);--sidebar-width:72px;--header-height:68px;--glow:0 0 20px var(--accent-glow),0 0 40px rgba(0,242,255,.05);--glow-strong:0 0 30px var(--accent-glow-strong),0 0 60px rgba(0,242,255,.1);--shadow:0 8px 32px rgba(0,0,0,.6);--shadow-card:0 4px 24px rgba(0,0,0,.4);--transition:all .25s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1);--grid-pattern:linear-gradient(rgba(0,242,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,242,255,.04) 1px,transparent 0);--grid-size:48px 48px;--scan-lines:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,242,255,.012) 0,rgba(0,242,255,.012) 4px)}.brand-grid{background-image:var(--grid-pattern);background-size:var(--grid-size)}.brand-scan:after{background:var(--scan-lines);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.hero-bg{background:var(--scan-lines),var(--grid-pattern),radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,242,255,.06) 0,transparent 70%),var(--bg);background-size:auto,var(--grid-size),auto,auto}.brand-corner:after,.brand-corner:before{border-color:var(--accent);border-style:solid;content:"";height:20px;opacity:.4;position:absolute;width:20px}.brand-corner:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.brand-corner:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.accent-line{position:relative}.accent-line:after{background:linear-gradient(90deg,transparent,var(--accent),transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.dashboard-layout{background-color:var(--bg);display:flex;min-height:100vh}.dashboard-sidebar{align-items:center;background:var(--bg-sidebar);border-right:1px solid var(--border-muted);bottom:0;display:flex;flex-direction:column;left:0;padding:var(--space-md) 0;position:fixed;top:0;transition:var(--transition);width:var(--sidebar-width);z-index:1000}.dashboard-main{flex-grow:1;margin-left:var(--sidebar-width);padding:var(--space-lg);transition:var(--transition)}.dashboard-header{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;height:var(--header-height);justify-content:space-between;margin-bottom:var(--space-xl)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background-color:var(--bg)}body{color:var(--text);font-family:var(--font-ui);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{box-shadow:inset 0 0 120px #00f2ff12;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}a{color:inherit;text-decoration:none;transition:var(--transition)}p{font-size:.95rem}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.section-header{margin-bottom:var(--space-lg);max-width:700px}.section-header h2{font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:var(--space-sm);text-transform:uppercase}.section-header h2:before{color:var(--accent);content:"// "}.section-header__label{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:3px;margin-bottom:var(--space-xs);text-transform:uppercase}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-muted);border-radius:var(--radius);padding:var(--space-md);position:relative;transition:var(--transition)}.card:hover{border-color:var(--border);box-shadow:var(--glow)}.status-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.status-badge--implemented{color:var(--success)}.status-badge--in-progress{color:var(--warning)}.status-badge--pending{color:var(--text-muted)}.status-badge--not-started{color:var(--danger)}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a0fe6;border-bottom:1px solid var(--border-muted);height:70px;position:sticky;top:0;z-index:100}.app-header,.app-header__inner{align-items:center;display:flex}.app-header__inner{justify-content:space-between;width:100%}.app-header__brand{align-items:center;display:flex;gap:var(--space-sm)}.app-header__logo{border:1px solid var(--accent);color:var(--accent);font-size:1.2rem;font-weight:800;letter-spacing:1px;padding:4px 8px}.app-header__title{font-size:.9rem;font-weight:700}.app-header__subtitle,.app-header__title{letter-spacing:1px;text-transform:uppercase}.app-header__subtitle{color:var(--text-muted);font-size:.7rem}.app-header__nav{align-items:center;display:flex;gap:var(--space-lg)}.app-header__nav a{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.app-header__nav a.active,.app-header__nav a:hover{color:var(--accent)}.hero{background:var(--scan-lines),var(--grid-pattern),radial-gradient(ellipse 100% 80% at 0 50%,rgba(0,242,255,.04) 0,transparent 60%),radial-gradient(ellipse 60% 100% at 100% 0,rgba(0,242,255,.03) 0,transparent 50%),var(--bg);background-size:auto,var(--grid-size),auto,auto,auto;border-bottom:1px solid var(--border-muted);overflow:hidden;padding:calc(var(--space-xl)*1.5) 0 var(--space-xl);position:relative}.hero:before{animation:scanPulse 4s ease-in-out infinite;background:linear-gradient(90deg,transparent 0,var(--accent) 50%,transparent 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@keyframes scanPulse{0%,to{opacity:.3;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}.hero h1{font-family:var(--font-ui);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:.95;margin-bottom:var(--space-md);text-transform:uppercase}.hero h1 span{color:var(--accent);text-shadow:0 0 40px rgba(0,242,255,.4)}.hero__directive{color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:5px;margin-bottom:var(--space-md);opacity:.8;text-transform:uppercase}.hero__directive:before{content:"▶ ";opacity:.5}.hero__description{color:var(--text-muted);font-size:.95rem;line-height:1.8;margin-bottom:var(--space-lg);max-width:560px}.dashboard-stats{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.stat-card{text-align:center}.stat-card__value{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-xs)}.stat-card__label{color:var(--text-muted);font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.dashboard-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.compliance-card{display:flex;flex-direction:column;gap:var(--space-sm)}.compliance-card__accent-line{height:100%;left:0;position:absolute;top:0;width:2px}.compliance-card__accent-line--success{background-color:var(--success)}.compliance-card__accent-line--warning{background-color:var(--warning)}.compliance-card__accent-line--danger{background-color:var(--danger)}.compliance-card__accent-line--info{background-color:var(--accent)}.compliance-card__header{align-items:flex-start;display:flex;justify-content:space-between}.compliance-card__id{color:var(--accent);font-size:.8rem;font-weight:700}.compliance-card__category{color:var(--text-muted);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.compliance-card__requirement{font-size:.95rem;font-weight:500}.compliance-card__meta{border-top:1px solid var(--border-muted);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.7rem;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}.pillar__header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.pillar__number{color:var(--accent);font-size:3rem;font-weight:800;opacity:.2}.pillar__content{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.timeline{display:flex;flex-direction:column;gap:var(--space-lg);padding-left:var(--space-xl);position:relative}.timeline:before{background:var(--border-muted);bottom:0;content:"";left:31px;position:absolute;top:0;width:1px}.timeline__item{position:relative}.timeline__dot{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);height:9px;left:calc(var(--space-xl)*-1 + 27px);position:absolute;top:8px;width:9px}.timeline__time{color:var(--accent);font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.timeline__time,.timeline__title{font-weight:700;margin-bottom:4px}.timeline__title{font-size:1.1rem}.timeline__desc{color:var(--text-muted);font-size:.85rem}.login-page{align-items:center;background-color:var(--bg);display:flex;justify-content:center;min-height:100vh}.login-box{max-width:420px;padding:var(--space-xl);text-align:center;width:100%}.login-box__logo{border:2px solid var(--accent);color:var(--accent);display:inline-block;font-size:3rem;font-weight:800;letter-spacing:4px;margin-bottom:var(--space-md);padding:0 var(--space-sm)}.login-box h1{font-size:1.5rem;letter-spacing:2px;margin-bottom:var(--space-sm);text-transform:uppercase}.login-box p{color:var(--text-muted);margin-bottom:var(--space-lg)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:.8rem;font-weight:700;justify-content:center;letter-spacing:2px;padding:12px 24px;text-transform:uppercase;transition:var(--transition)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--primary:hover{background:transparent;border-color:var(--accent);box-shadow:var(--glow);color:var(--accent)}.btn--ghost{background:transparent;border-color:var(--border-muted);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--sm{font-size:.7rem;padding:6px 12px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-primary:hover{background:transparent;border-color:var(--accent);box-shadow:var(--glow);color:var(--accent)}.btn-ghost{background:transparent;border-color:var(--border-muted);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-outline{background:transparent;border-color:var(--border-muted);color:var(--text-muted)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.btn-ghost.small,.btn-outline.small,.btn-primary.small,.btn.small{font-size:.7rem;padding:6px 12px}.btn--xs{font-size:.65rem;padding:4px 8px}.dashboard-content{flex-grow:1;margin-left:var(--sidebar-width);max-width:1400px;min-height:100vh;padding:var(--space-xl)}.content-header{align-items:flex-start;border-bottom:1px solid var(--border-muted);display:flex;gap:var(--space-lg);justify-content:space-between;padding-bottom:var(--space-lg)}.content-header .header-main h1{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-xs);text-transform:uppercase}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}.data-panel{background:var(--bg-card);border:1px solid var(--border-muted);padding:var(--space-lg);transition:var(--transition)}.data-panel:hover{border-color:#00f2ff33}.data-panel h3{font-size:.9rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.panel-header{align-items:center;display:flex;justify-content:space-between}.stats-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.badge{align-items:center;border:1px solid;display:inline-flex;font-family:var(--font-mono);font-size:.65rem;font-weight:800;letter-spacing:1px;padding:3px 10px;text-transform:uppercase}.badge.danger{background:#ef44441a;color:var(--danger)}.badge.warning{background:#fbbf241a;color:var(--warning)}.badge.success{background:#10b9811a;color:var(--success)}.badge.info{background:var(--accent-glow);color:var(--accent)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.82rem;width:100%}.data-table th{border-bottom:1px solid var(--border-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:800;letter-spacing:2px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{color:var(--text-muted);padding:var(--space-sm) var(--space-md)}.data-table td{border-bottom:1px solid hsla(0,0%,100%,.03)}.data-table tbody tr:hover td{background:#ffffff05;color:var(--text)}.data-table .mono{color:var(--accent);font-family:var(--font-mono);font-size:.75rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-xxl{margin-top:calc(var(--space-xl)*1.5)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-xxl{margin-bottom:calc(var(--space-xl)*1.5)}.text-muted{color:var(--text-muted)}.small,.text-sm{font-size:.82rem}.mono{font-family:var(--font-mono)}.display-3{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-muted)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.sync-indicator{align-items:center;color:var(--accent);display:flex;font-family:var(--font-mono);font-size:.7rem;gap:var(--space-xs)}.dot{background:var(--accent);border-radius:50%;display:inline-block;height:6px;width:6px}.dot.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn-icon{margin-right:var(--space-xs)}.app-footer{border-top:1px solid var(--border-muted);margin-top:var(--space-xl);padding:var(--space-lg) 0}.app-footer p{color:var(--text-muted);font-size:.75rem;text-align:center}.app-footer a{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .5s ease-out forwards}.stagger>*{opacity:0}.stagger>:first-child{animation:fadeIn .5s ease-out .1s forwards}.stagger>:nth-child(2){animation:fadeIn .5s ease-out .2s forwards}.stagger>:nth-child(3){animation:fadeIn .5s ease-out .3s forwards}.stagger>:nth-child(4){animation:fadeIn .5s ease-out .4s forwards}.stagger>:nth-child(5){animation:fadeIn .5s ease-out .5s forwards}.stagger>:nth-child(6){animation:fadeIn .5s ease-out .6s forwards}@media(max-width:768px){.hero h1{font-size:2.5rem}.app-header__nav{display:none}.dashboard-grid{grid-template-columns:1fr}}.grid-stack{display:grid;gap:var(--space-lg);grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.viz-container{background:var(--bg-card);border:1px solid var(--border-muted);overflow:hidden;padding:var(--space-lg);position:relative}.radar-chart{margin:0 auto;max-width:400px;width:100%}.radar-chart circle{fill:none}.radar-chart circle,.radar-chart line{stroke:var(--border-muted);stroke-width:1}.radar-chart polygon{fill:var(--accent-glow);filter:drop-shadow(0 0 5px var(--accent-glow));stroke:var(--accent);stroke-width:2}.prof-stat{background:linear-gradient(90deg,var(--bg-offset) 0,transparent 100%);border-left:2px solid var(--accent);padding:var(--space-md)}.prof-stat__value{color:var(--text);font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.prof-stat__label{color:var(--text-muted);font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.prof-stat__trend{align-items:center;display:flex;font-size:.7rem;gap:4px;margin-top:8px}.prof-stat__trend--up{color:var(--success)}.prof-stat__trend--down{color:var(--danger)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.py-xxl{padding-bottom:calc(var(--space-xl)*1.5);padding-top:calc(var(--space-xl)*1.5)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.p-xxl{padding:calc(var(--space-xl)*1.5)}.mx-auto{margin-left:auto;margin-right:auto}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.display-2{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.gradient-text{background:linear-gradient(135deg,var(--accent) 0,#fff 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);font-size:1rem;line-height:1.6;max-width:700px}.text-center{text-align:center}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.bg-offset{background:var(--bg-offset)}.section-badge{align-items:center;border:1px solid;display:inline-flex;font-family:var(--font-mono);font-size:.6rem;font-weight:800;letter-spacing:2px;margin-bottom:var(--space-md);padding:3px 12px;text-transform:uppercase}.section-badge.primary{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.section-badge.warning{background:var(--warning-glow);border-color:var(--warning);color:var(--warning)}.section-badge.success{background:var(--success-glow);border-color:var(--success);color:var(--success)}.section-badge.danger{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--space-xs);letter-spacing:.5px;transition:var(--transition)}.back-link:hover{color:var(--accent)}.alert{border-left:3px solid;font-size:.85rem;line-height:1.5;padding:var(--space-md)}.alert-warning{background:var(--warning-glow);color:var(--warning)}.alert-danger{background:#ef44441a;color:var(--danger)}.alert-info{background:var(--accent-glow);color:var(--accent)}.alert-success{background:var(--success-glow);color:var(--success)}.grid-layout{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}@media(max-width:900px){.grid-layout{grid-template-columns:1fr}.display-2{font-size:1.8rem}}.side-nav-item{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:var(--transition);width:100%}.side-nav-item.active,.side-nav-item:hover{color:var(--accent)}.side-nav-item.active:before{background:var(--accent);bottom:15px;box-shadow:0 0 10px var(--accent);content:"";left:0;position:absolute;top:15px;width:3px}