*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand-blue:#00ADCD;--brand-blue-dark:#008FAA;--brand-orange:#F37535;--brand-orange-dark:#D86020;--brand-primary:#00ADCD;--brand-primary-dark:#008FAA;--brand-primary-light:#B3ECF5;--brand-accent:#F37535;--brand-accent-dark:#D86020;--bg-base:#F4F6F8;--bg-surface:#FFFFFF;--bg-card:#FFFFFF;--bg-hover:#EEF1F5;--bg-border:#E2E8F0;--bg-dark:#004F6E;--text-primary:#1A202C;--text-secondary:#4A5568;--text-muted:#94A3B8;--text-inverse:#FFFFFF;--status-ok:#22C55E;--status-ok-bg:rgba(34,197,94,0.1);--status-nok:#EF4444;--status-nok-bg:rgba(239,68,68,0.08);--status-na:#94A3B8;--status-na-bg:rgba(148,163,184,0.1);--status-warning:#F59E0B;--status-warning-bg:rgba(245,158,11,0.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,79,110,0.06);--shadow-md:0 4px 12px rgba(0,79,110,0.08);--shadow-lg:0 8px 28px rgba(0,79,110,0.12);--shadow-glow:0 0 20px rgba(0,154,194,0.2);--font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--sidebar-width:260px}[data-theme=dark]{--bg-base:#0F141A;--bg-surface:#161D26;--bg-card:#161D26;--bg-hover:#1F2832;--bg-border:#2A3542;--bg-dark:#00374D;--text-primary:#E6EDF3;--text-secondary:#AEB9C4;--text-muted:#7D8B99;--text-inverse:#0F141A;--status-ok-bg:rgba(34,197,94,0.16);--status-nok-bg:rgba(239,68,68,0.16);--status-na-bg:rgba(148,163,184,0.16);--status-warning-bg:rgba(245,158,11,0.16);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.45);--shadow-lg:0 8px 28px rgba(0,0,0,0.55);--shadow-glow:0 0 20px rgba(0,173,205,0.25);color-scheme:dark}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--bg-base);border:1px solid var(--bg-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--bg-hover)}[data-theme=dark] .mobile-header{background:rgba(22,29,38,.9)!important}.form-input.input-error,.form-select.input-error,.form-textarea.input-error{border-color:var(--status-nok);box-shadow:0 0 0 3px var(--status-nok-bg)}.field-error{display:block;color:var(--status-nok);font-size:var(--font-size-xs);font-weight:600;margin-top:4px}.card.card-error{border-color:var(--status-nok);box-shadow:0 0 0 3px var(--status-nok-bg)}body,html{font-family:var(--font-family);background:var(--bg-base);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;max-width:100%}@media (max-width:480px){.btn{white-space:normal;text-align:center}}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:white;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(0,154,194,.35)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:var(--brand-blue-dark);font-weight:700}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(194,205,25,.3)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--bg-border)}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--status-nok-bg);color:var(--status-nok);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--status-nok);color:white}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-md)}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1.5px solid var(--bg-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(0,154,194,.12)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:100px}.card{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-size:var(--font-size-md);font-weight:700}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok)}.badge-nok{background:var(--status-nok-bg);color:var(--status-nok)}.badge-na{background:var(--status-na-bg);color:var(--status-na)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-primary{background:rgba(0,154,194,.1);color:var(--brand-primary)}.badge-admin{background:rgba(168,85,247,.1);color:#7C3AED}.badge-gestor{background:rgba(0,154,194,.1);color:var(--brand-primary)}.badge-auditor{background:rgba(34,197,94,.1);color:var(--status-ok)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--bg-border)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-base)}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}tbody tr,thead th{border-bottom:1px solid var(--bg-border)}tbody tr{transition:background var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}tbody td{padding:var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;inset:0;background:rgba(0,79,110,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:modalIn var(--transition-base) ease;box-shadow:var(--shadow-lg)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--font-size-lg);font-weight:700}.modal-close{background:var(--bg-base);border:1px solid var(--bg-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--status-nok-bg);color:var(--status-nok)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--bg-border)}.spinner{width:20px;height:20px;border:2.5px solid var(--bg-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.page-wrapper{display:flex;min-height:100vh}.page-content{flex:1 1;padding:var(--space-8);overflow-y:auto;margin-left:var(--sidebar-width)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--brand-blue-dark)}.page-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.kpi-card{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-orange))}.kpi-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.kpi-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--brand-blue-dark);line-height:1}.wizard-steps{margin-bottom:var(--space-8)}.wizard-step,.wizard-steps{display:flex;align-items:center;gap:var(--space-2)}.wizard-step{flex:1 1}.wizard-step-dot{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0;border:2px solid var(--bg-border);background:var(--bg-surface);color:var(--text-muted);transition:all var(--transition-base)}.wizard-step.active .wizard-step-dot{border-color:var(--brand-primary);background:var(--brand-primary);color:white;box-shadow:var(--shadow-glow)}.wizard-step.done .wizard-step-dot{border-color:var(--status-ok);background:var(--status-ok-bg);color:var(--status-ok)}.wizard-step-line{flex:1 1;height:2px;background:var(--bg-border);transition:background var(--transition-base)}.wizard-step.done .wizard-step-line{background:var(--status-ok)}.answer-group{display:flex;gap:var(--space-2)}.answer-btn{flex:1 1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:2px solid var(--bg-border);background:var(--bg-surface);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-align:center;font-family:var(--font-family)}.answer-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.answer-btn.selected-ok{border-color:var(--status-ok);background:var(--status-ok-bg);color:var(--status-ok)}.answer-btn.selected-nok{border-color:var(--status-nok);background:var(--status-nok-bg);color:var(--status-nok)}.answer-btn.selected-na{border-color:var(--status-na);background:var(--status-na-bg);color:var(--status-na)}.conformance-bar-container{background:var(--bg-base);border-radius:var(--radius-full);height:10px;overflow:hidden}.conformance-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.conformance-bar-fill.high{background:linear-gradient(90deg,var(--status-ok),#16A34A)}.conformance-bar-fill.medium{background:linear-gradient(90deg,var(--status-warning),#D97706)}.conformance-bar-fill.low{background:linear-gradient(90deg,var(--status-nok),#DC2626)}.mobile-layout{min-height:100vh;background:var(--bg-base);padding-bottom:80px}.mobile-header{position:-webkit-sticky;position:sticky;top:0;background:rgba(255,255,255,.9);border-bottom:1px solid var(--bg-border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-backdrop,.sidebar-toggle{display:none}@media (max-width:768px){.page-content{margin-left:0;padding:var(--space-4);padding-top:64px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-sidebar{transform:translateX(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg)}.app-sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:35;width:42px;height:42px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--bg-border);color:var(--brand-blue-dark);cursor:pointer;box-shadow:var(--shadow-sm)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:38;background:rgba(0,79,110,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-title{font-size:var(--font-size-xl)}.modal{padding:var(--space-5)}}.login-page{min-height:100vh;min-height:100dvh;display:flex;background:var(--bg-surface);position:relative}.login-theme-toggle{position:absolute;top:16px;right:16px;z-index:5}.login-brand{flex:0 0 480px;background:linear-gradient(160deg,#00ADCD,#0090AE 50%,#007A96);display:flex;align-items:center;justify-content:center;padding:60px;color:#fff;text-align:center;overflow:hidden}.login-brand-full{position:relative;z-index:1}.login-brand-mark{width:80px;margin-bottom:32px;filter:brightness(0) invert(1)}.login-brand-title{font-size:28px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px}.login-brand-sub{color:rgba(255,255,255,.6);font-size:14px;font-weight:500}.login-brand-features{margin-top:48px;display:flex;flex-direction:column;gap:12px}.login-brand-feature{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);font-size:13px}.login-brand-feature:before{content:"";width:6px;height:6px;border-radius:50%;background:#F37535;flex-shrink:0}.login-brand-footer{display:none}.login-form-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.login-form-card{width:100%;max-width:380px}.login-logo{height:32px;margin-bottom:40px}.login-heading{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.login-subheading{color:var(--text-muted);font-size:14px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.login-copy{text-align:center;color:var(--text-muted);font-size:11px;margin-top:40px}@media (max-width:768px){.login-page{flex-direction:column}.login-form-wrap{order:1;flex:1 1 auto;padding:24px 20px}.login-form-card{max-width:420px}.login-logo{margin-bottom:28px}.login-copy{display:none}.login-brand{order:2;flex:0 0 auto;padding:12px 16px}.login-brand-full{display:none}.login-brand-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.92)}.login-brand-footer-mark{width:22px;filter:brightness(0) invert(1)}.login-brand-footer span{font-size:11px;line-height:1.3}}