:root{--bg: #f4f8fc;--bg-surface: #ffffff;--bg-elevated: #e9f1fb;--text: #10253f;--text-muted: #4b6079;--primary: #005dd6;--primary-strong: #0847a0;--secondary: #0d9f8b;--warning: #d58a00;--danger: #c1302f;--success: #1a8d47;--border: #d6e0eb;--shadow: 0 18px 40px rgba(16, 37, 63, .08);--radius: 16px;--radius-sm: 10px;--font-main: "Manrope", "Avenir Next", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-main);color:var(--text);background:radial-gradient(circle at 10% 0%,#cde5ff 0%,transparent 36%),radial-gradient(circle at 90% 10%,#c7f2e8 0%,transparent 30%),var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}ul{margin:0;padding-left:1.25rem}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem;background:#fff;color:var(--text)}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,.nav-link:focus-visible,.tab-btn:focus-visible{outline:3px solid #7bb4ff;outline-offset:1px}.btn{border:0;border-radius:999px;padding:.6rem 1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;font-weight:650}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #0000001f}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:linear-gradient(135deg,var(--primary),#1f78ff);color:#fff}.btn-secondary{background:#d8eef4;color:#0d4058}.btn-ghost{background:#eef4fb;color:var(--text)}.btn-danger{background:#fce2e2;color:var(--danger)}.alert{border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:1rem}.alert-toast{position:fixed;right:1rem;top:1rem;z-index:1000;min-width:min(360px,calc(100vw - 2rem));max-width:460px;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;box-shadow:0 12px 28px #10253f2e;animation:rise-in .2s ease}.alert-close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1;padding:0}.alert-info{background:#e6f0ff;color:#1d4d96}.alert-success{background:#e1f7ea;color:#0f6f3a}.alert-warning{background:#fff3dc;color:#835400}.alert-error{background:#ffe7e7;color:#912a2a}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.8rem;background:#ffffffe0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-brand{font-weight:800;color:var(--text);letter-spacing:.02em}.public-nav{display:flex;gap:1rem}.public-main{width:min(1120px,100% - 2rem);margin:1.5rem auto 2.5rem}.landing-page{display:grid;gap:1.2rem}.landing-hero{background:linear-gradient(135deg,#0b4fb8,#0d9f8b);color:#fff;padding:2.2rem;border-radius:24px;box-shadow:var(--shadow);animation:rise-in .7s ease}.landing-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;opacity:.84;margin-bottom:.65rem}.landing-hero h1{font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1.2;margin-bottom:.8rem}.landing-hero p{max-width:62ch}.landing-actions{display:flex;gap:.75rem;margin-top:1.2rem;flex-wrap:wrap}.landing-points{margin-top:1rem;display:grid;gap:.4rem;color:#d9ecff}.landing-stats{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.landing-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem;display:grid;gap:.35rem;animation:rise-in .9s ease}.landing-stat strong{font-size:1.25rem;color:var(--primary-strong)}.landing-stat span{color:var(--text-muted);font-size:.9rem}.landing-grid{display:grid;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);animation:rise-in 1s ease}.landing-card:nth-child(2){animation-delay:.08s}.landing-card:nth-child(3){animation-delay:.16s}.landing-card h2{margin-bottom:.55rem;font-size:1.02rem}.landing-card p{color:var(--text-muted)}.landing-flow{background:linear-gradient(160deg,#f8fbff,#eef6ff);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;display:grid;gap:.9rem}.landing-flow h2{font-size:1.12rem}.landing-flow-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-flow-step{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:.85rem}.landing-flow-step h3{margin-bottom:.35rem}.landing-flow-step p{color:var(--text-muted)}.landing-proof{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;display:grid;gap:.65rem;animation:rise-in 1.1s ease}.landing-proof p{color:var(--text-muted)}.landing-proof ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.landing-proof li::marker{color:#0f6f9f}.landing-final-cta{background:linear-gradient(120deg,#0f3160,#176a9f);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;display:grid;gap:.65rem;justify-items:start}.landing-final-cta p{color:#d9ebff}.landing-footer{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;color:var(--text-muted);font-size:.93rem;margin-top:.3rem}.auth-card{width:min(540px,100%);margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;display:grid;gap:1rem}.auth-card-wide{width:min(760px,100%)}.auth-card>header h1{margin-bottom:.45rem;font-size:1.45rem}.auth-card>header p{color:var(--text-muted)}.auth-footer{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.form-grid{display:grid;gap:.85rem}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2{grid-column:1 / -1}.field{display:grid;gap:.4rem}.field-label{font-size:.9rem;font-weight:680}.field-hint{color:var(--text-muted);font-size:.8rem}.check-row{display:flex;align-items:center;gap:.55rem}.check-row input{width:auto;margin:0}.password-meter{background:#f5f8fd;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;display:grid;gap:.65rem}.password-meter-header{display:flex;justify-content:space-between;gap:.6rem}.password-meter-track{width:100%;height:9px;border-radius:999px;background:#dde4ef;overflow:hidden}.password-meter-bar{height:100%;border-radius:inherit;transition:width .25s ease}.password-meter-bar.tone-ok{background:var(--success)}.password-meter-bar.tone-warn{background:var(--warning)}.password-meter-bar.tone-error{background:var(--danger)}.password-checklist{display:grid;gap:.25rem;padding-left:1rem;font-size:.85rem}.password-checklist .ok{color:var(--success)}.password-checklist .ko{color:var(--text-muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.sidebar{background:linear-gradient(180deg,#0f2a4b,#11355f);color:#f2f8ff;padding:1.1rem;display:grid;gap:1rem;align-content:start}.brand-block h1{font-size:1.1rem;margin-bottom:.25rem}.brand-block p{color:#b8cae0;font-size:.86rem}.nav-section{display:grid;gap:.5rem}.nav-section-title{color:#9cb4d3;font-size:.77rem;text-transform:uppercase;letter-spacing:.1em}.nav-section nav{display:grid;gap:.35rem}.nav-link{border-radius:10px;padding:.58rem .75rem;color:#d8e7fa;text-decoration:none;transition:background-color .15s ease,color .15s ease}.nav-link:hover{text-decoration:none;background:#ffffff1f}.nav-link-active{background:#fff;color:#123663;font-weight:700}.nav-link-active:hover{color:#123663!important;background:#fff!important;text-decoration:none}.main-shell{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-title{font-weight:750}.topbar-subtitle{color:var(--text-muted);font-size:.87rem}.topbar-actions{display:flex;gap:.55rem}.page-content{width:min(1260px,100% - 2rem);margin:1rem auto 2rem}.page{display:grid;gap:1rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.4rem;margin-bottom:.25rem}.page-header p{color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:1rem 1rem 0}.card-title{font-size:1.03rem;margin-bottom:.2rem}.card-subtitle{color:var(--text-muted);font-size:.9rem}.card-body{padding:1rem}.metrics-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metric-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow);padding:.95rem;display:grid;gap:.3rem}.metric-card.metric-good{border-color:#8ed5ae}.metric-card.metric-bad{border-color:#f2a7a7}.metric-card.metric-warn{border-color:#f0d297}.metric-title{color:var(--text-muted);font-size:.84rem}.metric-value{font-size:1.28rem}.metric-detail{color:var(--text-muted);font-size:.8rem}.grid-two{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.stack{display:grid;gap:.75rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:540px}.table th,.table td{text-align:left;padding:.65rem;border-bottom:1px solid var(--border);vertical-align:top;font-size:.9rem}.table-row-clickable{cursor:pointer}.table-row-clickable:hover td{background:#f4f9ff}.table-row-clickable:focus-visible td{background:#e8f3ff}.table th{color:var(--text-muted);font-weight:680}.table-pagination{margin-top:.75rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem}.table-page-btn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;padding:.3rem .75rem;cursor:pointer}.table-page-btn:disabled{opacity:.45;cursor:not-allowed}.status-tag{display:inline-block;border-radius:999px;padding:.2rem .6rem;font-size:.76rem;font-weight:700}.status-ok{background:#e3f7eb;color:#0f6f3a}.status-warn{background:#fff4df;color:#865702}.status-error{background:#ffe8e8;color:#9a2a2a}.status-neutral{background:#edf1f6;color:#31455f}.empty-state{color:var(--text-muted);font-style:italic}.inline-actions{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.pack-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.pack-main p{color:var(--text-muted);margin-top:.28rem}.pack-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.inline-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.4rem}.soft-pill{display:inline-block;border-radius:999px;padding:.2rem .6rem;background:#eaf2fc;color:#204466;font-size:.76rem;font-weight:650}.source-picker{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.7rem;display:grid;gap:.5rem}.source-form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:.7rem;border:1px dashed var(--border);border-radius:var(--radius-sm)}.source-form-grid .check-row{justify-content:flex-start}.source-picker-row{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.source-picker-row select{max-width:180px}.tab-bar{display:flex;flex-wrap:wrap;gap:.45rem}.tab-btn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;padding:.45rem .85rem;cursor:pointer}.tab-btn.active{border-color:var(--primary);background:#e8f1ff;color:var(--primary-strong);font-weight:700}.tenant-page{width:min(940px,100% - 2rem);margin:1.8rem auto;display:grid;gap:1rem}.legal-page{max-width:850px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem;display:grid;gap:.85rem}.loader-wrap{display:inline-flex;gap:.55rem;align-items:center}.loader-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--primary);animation:pulse .8s infinite alternate}.modal-overlay{position:fixed;inset:0;background:#0b1a2d73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:1200}.modal-panel{width:min(680px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:0 22px 48px #0c223e3d}.modal-panel-lg{width:min(980px,calc(100vw - 2rem))}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .5rem}.modal-header h2{font-size:1.08rem}.modal-close{border:0;background:#eef4fb;color:var(--text);border-radius:999px;width:2rem;height:2rem;line-height:1;font-size:1.2rem;cursor:pointer}.modal-body{padding:.5rem 1rem 1rem;display:grid;gap:.75rem}.modal-footer{border-top:1px solid var(--border);padding:.8rem 1rem 1rem;display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap}@keyframes pulse{0%{transform:scale(.9);opacity:.55}to{transform:scale(1.2);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:9;grid-template-columns:1fr;gap:.7rem;align-items:start;padding-bottom:.8rem}.nav-section nav{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem}.topbar{padding:.8rem 1rem}}@media(max-width:760px){.two-cols{grid-template-columns:1fr}.public-header{padding:.85rem 1rem}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.topbar-actions .btn{flex:1}.page-content{width:calc(100% - 1rem)}.pack-item{flex-direction:column}.table{min-width:460px}.source-form-grid{grid-template-columns:1fr}.landing-final-cta .btn{width:100%;text-align:center}}