@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-sans: "Plus Jakarta Sans";--font-display: "Archivo";--bg: #fafafa;--surface: rgba(255, 255, 255, .85);--surface-strong: #ffffff;--ink: #0d060a;--muted: #6b7280;--line: rgba(13, 6, 10, .08);--brand: #F4BA3E;--brand-soft: rgba(244, 186, 62, .12);--accent: #F4BA3E;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow: 0 12px 32px rgba(13, 6, 10, .06);--radius: 20px}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;background-color:var(--bg);background-image:radial-gradient(circle at top right,rgba(244,186,62,.08),transparent 35%),radial-gradient(circle at bottom left,rgba(13,6,10,.04),transparent 35%);color:var(--ink)}body{font-family:var(--font-sans),sans-serif}#root{width:100%;min-width:0}img,video,canvas,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.dashboard-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;min-width:0}.sidebar{padding:14px 16px;background:var(--ink);color:#fff;display:grid;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:50}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.sidebar-menu{display:none;gap:14px}.sidebar-open .sidebar-menu{display:grid}.sidebar-brand p{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;opacity:.72;font-size:.75rem}.sidebar-brand strong{display:block;font-size:clamp(1rem,5vw,1.35rem);color:var(--brand);overflow-wrap:anywhere}.nav-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff14;color:#fff;display:inline-grid;place-items:center;gap:4px;padding:10px;cursor:pointer;flex:0 0 auto}.nav-toggle span{width:20px;height:2px;border-radius:999px;background:currentColor}.sidebar-nav{display:grid;gap:8px}.sidebar-link{padding:12px 14px;border-radius:14px;color:#fff9;font-weight:500;transition:all .2s ease;overflow-wrap:anywhere}.sidebar-link-active{background:var(--brand);color:var(--ink)!important;font-weight:700}.sidebar-link:hover:not(.sidebar-link-active){background:#ffffff14;color:#fff}.sidebar-footer{display:grid;gap:10px;color:#ffffffd1;min-width:0}.sidebar-footer p,.sidebar-footer span{margin:0;overflow-wrap:anywhere}.dashboard-content{min-width:0;padding:16px}.page-shell{display:grid;gap:16px;min-width:0}.page-header{display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}.page-header h1{margin:6px 0 8px;font-family:var(--font-display),sans-serif;font-size:clamp(1.65rem,9vw,3rem);line-height:1.05;overflow-wrap:anywhere}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent)}.page-description{margin:0;max-width:720px;color:var(--muted);line-height:1.55}.page-actions,.button-group{display:flex;gap:12px;flex-wrap:wrap;min-width:0}.page-actions{width:100%}.page-actions .button,.button-group .button{flex:1 1 160px}.button{border:none;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:600;transition:transform .18s ease,opacity .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0;text-align:center}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary{background:var(--brand);color:var(--ink);box-shadow:0 4px 14px #f4ba3e66}.button-secondary{background:var(--brand-soft);color:var(--brand)}.button-ghost{background:#12486b14;color:var(--brand)}.button-danger{background:#b423181f;color:var(--danger)}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);border-radius:16px;padding:16px;display:grid;gap:16px;min-width:0}.card-header{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}.card-header h2{margin:0 0 4px;font-size:1.1rem;overflow-wrap:anywhere}.card-header p{margin:0;color:var(--muted);line-height:1.55}.stats-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.stat-card{padding:16px;border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#f5f8fad6);border:1px solid var(--line);box-shadow:var(--shadow)}.stat-card p,.stat-card span{margin:0;color:var(--muted)}.stat-card strong{display:block;margin:8px 0 4px;font-size:1.4rem}.grid-two,.dashboard-kpis{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.status-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.status-tile{border-radius:16px;padding:16px;border:1px solid var(--line);display:grid;gap:8px}.status-tile span{color:var(--muted);font-size:.85rem}.status-tile strong{font-size:1.5rem}.status-danger{background:#b4231814}.status-warning{background:#bc6c251a}.status-neutral{background:#12486b14}.status-success{background:#25724b1a}.insight-block{display:grid;gap:6px}.insight-block strong{font-size:2rem;font-family:var(--font-display),sans-serif}.insight-block p{margin:0;color:var(--muted)}.alert-list,.risk-grid{display:grid;gap:14px}.alert-card,.risk-card{border-radius:16px;border:1px solid var(--line);padding:18px;display:grid;gap:10px;background:#ffffffb8}.alert-card p,.alert-card span,.risk-card p,.risk-card span{margin:0;color:var(--muted)}.alert-card-danger,.risk-card-danger{border-color:#b4231833;background:#b423180f}.alert-card-warning,.risk-card-warning{border-color:#bc6c2533;background:#bc6c2512}.alert-card-success,.risk-card-success{border-color:#25724b33;background:#25724b0f}.alert-header,.risk-card-header{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.risk-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.risk-metrics div{display:grid;gap:4px}.risk-metrics strong{font-size:1rem}.filters-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:end}.filters-bar-reports{grid-template-columns:minmax(0,1fr)}.filter-control{display:grid;gap:8px}.filter-control span{font-size:.85rem;font-weight:600;color:var(--muted)}.filter-control-wide{min-width:0}.filters-summary{display:flex;justify-content:flex-start;align-items:center}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:680px;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;border-bottom:2px solid var(--line)}.badge{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-neutral{background:#12486b14;color:var(--brand)}.badge-success{background:#25724b24;color:var(--success)}.badge-warning{background:#bc6c2529;color:var(--warning)}.badge-danger{background:#b4231824;color:var(--danger)}.field{display:grid;gap:8px}.field span{font-weight:600;color:var(--ink)}.field small{color:var(--danger)}.input{width:100%;min-width:0;border-radius:16px;border:1px solid rgba(20,31,54,.12);padding:12px 14px;background:#ffffffeb;color:var(--ink)}.textarea{min-height:110px;resize:vertical}.form-grid,.mini-form{display:grid;gap:16px;min-width:0}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .field:nth-child(5),.form-grid .field:nth-child(6),.form-grid .field:nth-child(7){grid-column:1 / -1}.form-actions{grid-column:1 / -1;display:flex;justify-content:stretch}.form-actions .button{width:100%}.inline-message{margin:0;padding:12px 14px;border-radius:16px;overflow-wrap:anywhere}.inline-message-success{background:#25724b1f;color:var(--success)}.inline-message-danger{background:#b423181f;color:var(--danger)}.inline-message-neutral{background:#12486b14;color:var(--brand)}.dialog-backdrop{position:fixed;inset:0;background:#0d1c317a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;z-index:100}.dialog-card{width:min(100%,520px);background:#fffffff5;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:18px;padding:18px;display:grid;gap:20px}.dialog-copy{display:grid;gap:8px}.dialog-copy h2,.dialog-copy p{margin:0}.dialog-copy p:last-child{color:var(--muted);line-height:1.6}.key-value-list,.stack-list,.timeline{display:grid;gap:14px}.key-value-list>div,.stack-item,.stack-item-link,.timeline-item{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}.stack-item-link,.quick-link{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;min-width:0}.stack-item-link:hover,.quick-link:hover{border-color:#12486b38}.quick-link{cursor:pointer;text-align:left}.key-value-list span,.stack-item p,.timeline-item p,.stack-meta span{color:var(--muted);margin:0}.stack-meta,.timeline-meta{display:grid;gap:8px;justify-items:start}.empty-state,.loader,.auth-shell{min-height:220px;display:flex;flex-direction:column;place-items:center;justify-content:center;text-align:center;gap:8px}.loader:after{content:"";width:32px;height:32px;border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;display:block;margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{min-height:100vh;padding:16px}.auth-card{width:min(100%,460px)}.long-copy{margin:0;line-height:1.6}.muted{color:var(--muted)}.filters-bar-audit{grid-template-columns:minmax(0,1fr)}.audit-stat-card p,.audit-stat-card span{margin:0;color:var(--muted)}.audit-stat-card strong{display:block;margin:8px 0 4px;font-size:1.8rem}.audit-chip-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.audit-chip{display:grid;gap:6px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8}.audit-chip strong{font-size:1rem}.audit-chip span,.table-helper-text{margin:0;color:var(--muted);font-size:.86rem}@media(min-width:480px){.dashboard-content,.auth-shell,.card,.dialog-card{padding:20px}.stats-grid,.status-grid,.audit-chip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.key-value-list>div,.stack-item,.stack-item-link,.timeline-item,.alert-header,.risk-card-header{flex-direction:row;justify-content:space-between}.stack-meta,.timeline-meta{justify-items:end}.form-actions{justify-content:flex-end}.form-actions .button{width:auto}}@media(min-width:768px){.sidebar{padding:16px 24px}.dashboard-content{padding:24px}.page-shell{gap:20px}.card{border-radius:var(--radius);padding:22px}.card-header{flex-direction:row;justify-content:space-between}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-bar-audit,.filters-bar-reports{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-summary{justify-content:flex-end}.page-actions .button,.button-group .button{flex:0 1 auto}}@media(min-width:1024px){.dashboard-shell{grid-template-columns:280px minmax(0,1fr)}.sidebar{min-height:100vh;align-self:start;padding:32px;border-right:1px solid rgba(255,255,255,.05);border-bottom:none;display:flex;flex-direction:column;gap:32px}.sidebar-top{display:block}.sidebar-menu{display:flex;flex:1;flex-direction:column;gap:32px}.nav-toggle{display:none}.sidebar-footer{margin-top:auto}.dashboard-content{padding:32px}.page-shell{gap:24px}.page-header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:18px}.page-actions{width:auto;justify-content:flex-end}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-kpis{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.filters-bar{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto}.filters-bar-reports{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto}.filters-bar-audit{grid-template-columns:minmax(220px,2fr) repeat(5,minmax(110px,1fr))}}