:root{--blue:#1a73e8;--blue-dark:#1558b0;--blue-soft:#e8f0fe;--green:#188038;--green-soft:#e6f4ea;--yellow:#f9ab00;--yellow-soft:#fef7e0;--red:#d93025;--red-soft:#fce8e6;--ink:#202124;--muted:#5f6368;--line:#dadce0;--line-soft:#edf0f2;--surface:#fff;--canvas:#f7f9fc;--shadow:0 1px 2px rgba(60,64,67,.12),0 2px 6px rgba(60,64,67,.08);--shadow-lg:0 12px 38px rgba(32,33,36,.16);--radius:16px;--radius-sm:10px;--sidebar:258px;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{transition:.16s ease}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none;color:var(--blue-dark)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.6px}h2{font-size:22px;letter-spacing:-.3px}h3{font-size:17px}small,.muted{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f3f4;padding:2px 5px;border-radius:4px}.mobile-only{display:none!important}
.btn{border:1px solid transparent;border-radius:8px;padding:10px 18px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;background:#fff;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark);color:#fff}.btn-secondary{border-color:var(--line);background:#fff}.btn-soft{background:var(--blue-soft);color:var(--blue)}.btn-danger-soft{background:var(--red-soft);color:var(--red)}.btn-sm{min-height:34px;padding:6px 11px;font-size:13px}.btn-block{width:100%}.icon-btn{border:0;background:transparent;border-radius:50%;height:40px;width:40px;cursor:pointer;color:var(--muted)}.icon-btn:hover{background:#f1f3f4;color:var(--ink)}
.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;z-index:30}.brand{height:72px;padding:14px 20px;display:flex;align-items:center;gap:12px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{width:42px;height:42px;border-radius:13px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#1a73e8,#6ea8ff);color:white;font-size:22px;font-weight:800;box-shadow:0 7px 18px rgba(26,115,232,.22);flex:0 0 auto}.brand-mark.brand-logo{padding:3px;background:#fff;overflow:hidden}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:18px;letter-spacing:-.3px}.brand-copy small{font-size:11px;margin-top:4px}.side-nav{padding:9px 13px;overflow-y:auto;flex:1}.nav-label{display:block;font-size:10px;font-weight:700;color:#9aa0a6;letter-spacing:1px;padding:18px 12px 7px}.nav-item{height:44px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#4b5056;margin:2px 0;font-weight:500}.nav-item:hover{background:#f4f7fb;color:var(--ink)}.nav-item.active{background:var(--blue-soft);color:#0b57d0;font-weight:650}.nav-icon{font-size:19px;width:22px;text-align:center;line-height:1}.sidebar-foot{padding:14px}.trial-card{background:linear-gradient(145deg,#f3f7ff,#e8f0fe);border:1px solid #d7e5fd;border-radius:14px;padding:14px}.trial-card strong{display:block;margin:7px 0 4px}.trial-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.trial-card a{font-size:12px;font-weight:700}.mini-badge{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--blue)}
.content-shell{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-title{display:flex;align-items:center;gap:8px}.topbar-title span{font-weight:600}.topbar-title small{background:var(--green-soft);color:var(--green);font-size:10px;font-weight:700;padding:3px 7px;border-radius:100px;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:14px}.help-pill{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:100px;padding:8px 13px;font-weight:600;cursor:pointer}.help-pill:hover{background:var(--blue-soft);border-color:#c6dafc}.user-menu-wrap{position:relative}.user-trigger{border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:10px;padding:5px 7px}.user-trigger:hover{background:#f5f6f7}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d7e3fc;color:#174ea6;font-weight:700}.user-copy{display:flex;flex-direction:column;text-align:left;line-height:1.25}.user-copy small{font-size:11px}.dropdown{display:none;position:absolute;right:0;top:52px;width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;z-index:40}.dropdown.open{display:block}.dropdown a{display:block;color:var(--ink);padding:9px 11px;border-radius:7px}.dropdown a:hover{background:#f5f6f7}.main-content{width:min(1440px,100%);margin:0 auto;padding:30px;flex:1}.app-footer{padding:16px 30px;border-top:1px solid var(--line-soft);background:#fff;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}.page-heading h1{margin:0 0 6px}.page-heading p{color:var(--muted);margin:0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:1.1px;margin-bottom:8px}.card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:0 1px 2px rgba(60,64,67,.04)}.card-pad{padding:22px}.card-header{padding:19px 22px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:15px}.card-header h2,.card-header h3{margin:0}.card-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.stack{display:flex;flex-direction:column;gap:16px}.section-gap{margin-top:22px}
.metric-card{padding:19px;position:relative;overflow:hidden}.metric-card .metric-label{color:var(--muted);font-size:12px;font-weight:600}.metric-card .metric-value{font-size:29px;font-weight:700;letter-spacing:-1px;display:block;margin:8px 0 2px}.metric-card .metric-note{font-size:12px;color:var(--muted)}.metric-icon{position:absolute;right:17px;top:17px;width:37px;height:37px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:19px}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.yellow{background:var(--yellow-soft);color:#b06000}.delta{font-size:11px;font-weight:700;border-radius:10px;padding:2px 6px}.delta.good{background:var(--green-soft);color:var(--green)}
.progress-track{height:8px;background:#edf0f2;border-radius:20px;overflow:hidden}.progress-bar{height:100%;background:var(--blue);border-radius:inherit;transition:width .35s}.progress-bar.green{background:var(--green)}.progress-bar.yellow{background:var(--yellow)}.progress-bar.red{background:var(--red)}.progress-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.score-ring{--score:0;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color,var(--blue)) calc(var(--score)*1%),#edf0f2 0);position:relative}.score-ring:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.score-ring strong{position:relative;z-index:1;font-size:25px}.score-ring small{position:absolute;z-index:2;top:60px;font-size:10px}.risk-badge,.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:100px;font-weight:700;font-size:11px}.risk-badge:before,.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.risk-crítica,.status-expired{background:var(--red-soft);color:var(--red)}.risk-alta{background:#fce8d4;color:#b75800}.risk-media,.status-in_progress{background:var(--yellow-soft);color:#a15c00}.risk-baja,.status-completed,.status-active{background:var(--green-soft);color:var(--green)}.status-invited,.status-draft{background:var(--blue-soft);color:var(--blue)}
.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fafbfc;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{width:35px;height:35px;border-radius:10px;background:#e8f0fe;color:#185abc;display:grid;place-items:center;font-weight:700}.person-cell strong,.person-cell small{display:block}.table-actions{display:flex;gap:5px;justify-content:flex-end}.empty-state{text-align:center;padding:48px 24px}.empty-icon{width:64px;height:64px;border-radius:20px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:28px;margin:0 auto 17px}.empty-state h3{margin-bottom:6px}.empty-state p{color:var(--muted);max-width:430px;margin:0 auto 18px}.link-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fafafa;max-width:440px}.link-box input{border:0!important;background:transparent!important;padding:8px 10px!important;min-width:0}.link-box button{border:0;border-left:1px solid var(--line);align-self:stretch;background:#fff;color:var(--blue);font-weight:600;padding:0 12px;cursor:pointer}
.form-group,form,.form-row>*{min-width:0}.form-group{margin-bottom:18px;width:100%}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;align-items:start}.form-row>.form-group{margin-bottom:0}.form-group label,.field-label{display:block;font-weight:600;margin-bottom:8px;color:#303134;line-height:1.35}.required:after{content:" *";color:var(--red)}.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],input[type=tel],select,textarea{display:block;width:100%;max-width:none;border:1px solid #c7cbd1;background:#fff;border-radius:9px;min-height:46px;padding:11px 13px;color:var(--ink);outline:none;line-height:1.35}.form-control:hover,input:hover,select:hover,textarea:hover{border-color:#9aa0a6}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,115,232,.12)}input::placeholder,textarea::placeholder{color:#9aa0a6;opacity:1}select{cursor:pointer}textarea{min-height:116px;resize:vertical}.form-spacious>.form-group,.form-spacious>.form-row{margin-bottom:22px}.modal-form{width:100%}.form-hint{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.45}.form-error{font-size:12px;color:var(--red);margin-top:5px}.radio-grid,.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;width:100%}.choice-card{position:relative;min-width:0}.choice-card input{position:absolute;opacity:0}.choice-card label{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;background:#fff;height:100%;min-height:76px}.choice-card label:hover{border-color:#a8c7fa;background:#f8fbff}.choice-card input:checked+label{border:2px solid var(--blue);background:var(--blue-soft);padding:13px}.choice-card strong{display:block}.choice-card small{display:block;margin-top:3px;line-height:1.35}.check-row{display:flex;align-items:flex-start;gap:10px;margin:10px 0}.check-row input{margin-top:3px;flex:0 0 auto}.range-wrap{display:flex;align-items:center;gap:14px;width:100%;padding:7px 0}.range-wrap input[type=range]{--range-progress:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:9px;border:0;border-radius:100px;outline:none;background:linear-gradient(to right,var(--blue) 0,var(--blue) var(--range-progress),#dfe3e8 var(--range-progress),#dfe3e8 100%);cursor:pointer}.range-wrap input[type=range]:focus{box-shadow:0 0 0 4px rgba(26,115,232,.13)}.range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 2px 7px rgba(32,33,36,.25);cursor:grab}.range-wrap input[type=range]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 2px 7px rgba(32,33,36,.25);cursor:grab}.range-wrap input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.range-value{min-width:68px;text-align:center;background:var(--blue-soft);color:var(--blue);font-weight:800;border-radius:9px;padding:10px}
.form-control,input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=search],input[type=url],input[type=tel],select,textarea{width:100%;min-width:0;max-width:none;min-height:50px;border:1px solid #c2c7cf;border-radius:12px;padding:13px 15px;background-color:#fff;box-shadow:0 1px 2px rgba(60,64,67,.04)}.form-control:hover,input:not([type]):hover,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=search]:hover,input[type=url]:hover,input[type=tel]:hover,select:hover,textarea:hover{border-color:#8b9199;background-color:#fdfefe}.form-control:focus,input:not([type]):focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 4px rgba(26,115,232,.12)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:42px}textarea{min-height:126px}.choice-card label{border-radius:12px;min-height:82px;padding:15px}.choice-card input:checked+label{padding:14px}.choice-card input:focus+label{box-shadow:0 0 0 4px rgba(26,115,232,.12)}.check-row input{width:18px;height:18px;accent-color:var(--blue)}.range-value{min-width:74px;border-radius:11px;padding:11px 12px}.form-row>*{width:100%}.heading-actions select{min-width:190px}
.alert{border-radius:10px;padding:12px 15px;margin-bottom:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.alert button{border:0;background:none;font-size:19px;cursor:pointer;color:inherit}.alert-success{background:var(--green-soft);color:#11662b}.alert-error{background:var(--red-soft);color:#a50e0e}.alert-info{background:var(--blue-soft);color:#174ea6}.alert-warning{background:var(--yellow-soft);color:#815200}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:#303134;color:white;padding:12px 15px;border-radius:9px;box-shadow:var(--shadow-lg);animation:toastIn .25s ease}.toast.success{background:#137333}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
.modal-backdrop{position:fixed;inset:0;background:rgba(32,33,36,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:90vh;overflow:auto}.modal-lg{width:min(780px,100%)}.modal-header{padding:21px 23px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;justify-content:space-between}.modal-header h2{margin:0}.modal-body{padding:23px}.modal-footer{padding:15px 23px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:9px}
.onboarding-card{background:linear-gradient(120deg,#174ea6,#1a73e8 60%,#62a0f7);color:white;border:0;position:relative;overflow:hidden}.onboarding-card:after{content:"";position:absolute;width:230px;height:230px;border:45px solid rgba(255,255,255,.09);border-radius:50%;right:-72px;top:-88px}.onboarding-card p{color:#dbe8ff}.onboarding-card .btn{position:relative;z-index:1}.checklist{display:flex;flex-direction:column}.checklist-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}.checklist-item:last-child{border:0}.check-circle{width:25px;height:25px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center}.checklist-item.done .check-circle{background:#fff;color:var(--green);border-color:#fff}.checklist-item div{flex:1}.checklist-item small{color:#dbe8ff}.checklist-item a{color:white;font-weight:700}
.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.department-card{padding:19px;position:relative}.department-color{width:11px;height:41px;border-radius:8px;position:absolute;left:0;top:20px}.department-card h3{padding-left:7px;margin-bottom:4px}.department-card>p{color:var(--muted);font-size:13px;min-height:38px}.department-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:13px;margin-top:13px}.department-meta strong{display:block}.department-meta small{font-size:11px}.color-options{display:flex;gap:9px;flex-wrap:wrap}.color-choice input{position:absolute;opacity:0}.color-choice span{width:28px;height:28px;border-radius:50%;display:block;cursor:pointer;border:3px solid white;box-shadow:0 0 0 1px var(--line)}.color-choice input:checked+span{box-shadow:0 0 0 3px #b6cff8}
.report-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.risk-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.risk-map-item{border:1px solid var(--line-soft);border-radius:12px;padding:14px}.risk-map-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bars{display:flex;flex-direction:column;gap:11px}.recommendation{display:flex;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:11px}.recommendation-icon{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.recommendation p{margin:3px 0 0;color:var(--muted);font-size:13px}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.heat-cell{border-radius:10px;padding:12px;text-align:center;color:white;min-height:75px;display:flex;flex-direction:column;justify-content:center}.heat-cell strong{font-size:20px}.heat-cell small{color:rgba(255,255,255,.85)}
.trial-progress{height:5px;border-radius:10px;background:#d7e3fc;overflow:hidden;margin:9px 0}.trial-progress span{display:block;height:100%;background:var(--blue);border-radius:inherit}.trial-card.expired-card{background:var(--red-soft);border-color:#f2c8c4}.trial-card.expired-card .mini-badge{color:var(--red)}.trial-card.active-plan-card{background:var(--green-soft);border-color:#c9e7d1}.trial-card.active-plan-card .mini-badge{color:var(--green)}.trial-card.admin-card{background:linear-gradient(145deg,#f3e8fd,#e8f0fe);border-color:#d8c7f0}.access-banner{border-radius:14px;padding:14px 16px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #c8daf8;background:#f3f7ff}.access-banner>div{display:flex;align-items:center;gap:12px}.access-banner strong,.access-banner small{display:block}.access-banner small{margin-top:2px}.access-banner-icon{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:18px;box-shadow:var(--shadow)}.expired-banner{background:var(--yellow-soft);border-color:#f1dc9e}.topbar-title small.status-trial{background:var(--blue-soft);color:var(--blue)}.topbar-title small.status-expired{background:var(--red-soft);color:var(--red)}.locked-report{position:relative;overflow:hidden;border:1px solid #c7dafb;background:linear-gradient(160deg,#fff,#f3f7ff)}.locked-report-preview{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none;max-height:245px;overflow:hidden}.locked-report-cta{position:absolute;inset:0;display:grid;place-items:center;padding:25px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.9))}.locked-report-box{width:min(520px,100%);text-align:center;background:#fff;border:1px solid #d2e1fa;border-radius:16px;padding:24px;box-shadow:var(--shadow-lg)}.locked-report-box h2{margin-bottom:7px}.plan-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px}.feature-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line-soft);border-radius:12px;padding:13px;background:#fafbfc}.feature-check input{width:18px;height:18px;accent-color:var(--blue);flex:0 0 auto}.integration-check{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.integration-check:last-child{border-bottom:0}.integration-check>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}.integration-check.missing>span{background:var(--yellow-soft);color:#9a6200}.integration-check small{display:block}
.wizard-body{background:#f7f9fc;min-height:100vh}.wizard-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:24px 0 50px}.wizard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.wizard-brand{display:flex;align-items:center;gap:11px}.wizard-brand .brand-mark{width:38px;height:38px;border-radius:11px}.wizard-progress{background:#fff;border:1px solid var(--line-soft);border-radius:15px;padding:17px 20px;margin-bottom:17px}.wizard-progress-top{display:flex;justify-content:space-between;margin-bottom:9px}.wizard-card{display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.wizard-side{background:linear-gradient(160deg,#174ea6,#1a73e8);color:#fff;padding:30px 24px}.wizard-side h2{font-size:20px}.wizard-side p{color:#dbe8ff;font-size:13px}.wizard-steps{margin-top:25px;display:flex;flex-direction:column;gap:15px}.wizard-step{display:flex;gap:10px;align-items:center;color:#bcd3fa;font-size:12px}.wizard-step span{width:25px;height:25px;border-radius:50%;border:1px solid #8ab4f8;display:grid;place-items:center;flex:0 0 auto}.wizard-step.active{color:#fff;font-weight:700}.wizard-step.active span,.wizard-step.done span{background:#fff;color:var(--blue);border-color:#fff}.wizard-main{padding:34px 42px;min-width:0}.wizard-main form{width:100%}.wizard-main h1{font-size:25px;margin-bottom:7px}.wizard-intro{color:var(--muted);margin-bottom:25px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line-soft);margin-top:25px;padding-top:19px}.wizard-save{font-size:12px;color:var(--muted)}.wizard-welcome{text-align:center;padding:50px 35px}.wizard-welcome .hero-symbol{width:88px;height:88px;border-radius:28px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-size:38px;margin:0 auto 22px}.wizard-welcome p{max-width:560px;margin:0 auto 20px;color:var(--muted)}
.auth-body{min-height:100vh;background:#f7f9fc;display:grid;place-items:center;padding:30px}.auth-shell{width:min(940px,100%);display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid var(--line-soft);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg)}.auth-brand{padding:52px 43px;background:linear-gradient(150deg,#174ea6,#1a73e8);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:34px;margin:18px 0 8px}.auth-brand p{color:#dbe8ff}.auth-brand .brand-mark{background:white;color:var(--blue)}.auth-points{margin-top:28px;display:flex;flex-direction:column;gap:15px}.auth-point{display:flex;gap:10px;align-items:flex-start}.auth-point span{background:rgba(255,255,255,.15);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.auth-point small{color:#dbe8ff;display:block}.auth-card{padding:44px}.auth-card h2{font-size:25px;margin-bottom:7px}.auth-card .btn-block{margin-top:8px}.auth-divider{text-align:center;color:var(--muted);position:relative;margin:19px 0}.auth-divider:before{content:"";height:1px;background:var(--line-soft);position:absolute;inset:50% 0 auto}.auth-divider span{position:relative;background:white;padding:0 10px}.success-illustration{width:70px;height:70px;border-radius:22px;background:var(--green-soft);color:var(--green);font-size:34px;display:grid;place-items:center;margin-bottom:18px}.install-check{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.install-check>span{color:var(--green);font-weight:800}.install-check small{display:block}.landing-body{background:white}.landing-nav{height:74px;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:auto}.landing-links{display:flex;gap:26px;align-items:center}.landing-links>a:not(.btn){color:var(--muted);font-weight:600}.hero{width:min(1160px,calc(100% - 40px));margin:50px auto 70px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:55px}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:11px;margin-top:26px}.hero-note{font-size:12px!important;margin-top:12px}.hero-visual{background:linear-gradient(145deg,#f3f7ff,#e8f0fe);border-radius:26px;padding:25px;position:relative}.mock-window{background:#fff;border-radius:15px;box-shadow:var(--shadow-lg);overflow:hidden}.mock-top{height:34px;background:#fafafa;border-bottom:1px solid var(--line-soft);display:flex;gap:5px;padding:13px}.mock-top i{width:7px;height:7px;border-radius:50%;background:#d2d5d9}.mock-content{padding:21px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-kpi{background:#f8f9fa;padding:10px;border-radius:8px}.mock-kpi strong{display:block;font-size:19px}.mock-list{margin-top:15px}.mock-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.mock-line{height:6px;border-radius:4px;background:#d7e3fc;flex:1}.landing-section{padding:80px 20px}.landing-section.alt{background:#f8fafd}.section-inner{width:min(1100px,100%);margin:auto}.section-title{text-align:center;max-width:700px;margin:0 auto 42px}.section-title h2{font-size:35px}.feature-card{padding:25px}.feature-icon{width:45px;height:45px;border-radius:13px;background:var(--blue-soft);color:var(--blue);font-size:21px;display:grid;place-items:center;margin-bottom:16px}.feature-card p{color:var(--muted)}.landing-footer{padding:28px 20px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:auto}
.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tutorial-card{padding:20px;display:flex;gap:15px;align-items:flex-start}.tutorial-number{width:39px;height:39px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.tutorial-card p{color:var(--muted);font-size:13px}.accordion{border-bottom:1px solid var(--line-soft)}.accordion button{width:100%;background:white;border:0;padding:16px 0;display:flex;justify-content:space-between;text-align:left;font-weight:700;cursor:pointer}.accordion-content{display:none;padding:0 0 17px;color:var(--muted)}.accordion.open .accordion-content{display:block}
.heading-actions{align-items:center}.heading-actions select,.heading-actions input{width:auto;min-width:190px;flex:1 1 190px}.filter-form{min-width:min(100%,430px)}.btn-lg{min-height:50px;padding:13px 22px;font-size:15px}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.empty-state.compact{padding:32px 24px}.invite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.invite-card{border:1px solid var(--line-soft);border-radius:14px;padding:18px;min-width:0;background:#fff}.invite-card-top{display:flex;align-items:flex-start;gap:11px}.invite-card-top>div{flex:1;min-width:0}.invite-card-top h3{margin:0;overflow-wrap:anywhere}.department-dot{width:10px;height:42px;border-radius:8px;flex:0 0 auto}.invite-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.invite-stats>div{background:#f7f9fc;border-radius:9px;padding:9px;text-align:center}.invite-stats strong,.invite-stats small{display:block}.invite-stats strong{font-size:18px}.invite-stats small{font-size:10px}.link-box-wide{max-width:none;width:100%}.invite-unavailable{background:#f7f9fc;color:var(--muted);border-radius:9px;padding:10px 12px;font-size:12px}.invite-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid var(--line-soft)}.source-badge{display:inline-flex;padding:3px 8px;border-radius:100px;background:#f1f3f4;color:#4b5056;font-size:11px;font-weight:700}.invite-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.invite-type-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;text-align:left;display:flex;align-items:flex-start;gap:14px;cursor:pointer;color:var(--ink)}.invite-type-card:hover{border-color:#a8c7fa;background:#f8fbff;transform:translateY(-2px);box-shadow:var(--shadow)}.invite-type-card.featured{border:2px solid var(--blue);padding:19px}.invite-type-icon{width:45px;height:45px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:22px;flex:0 0 auto}.invite-type-card strong,.invite-type-card small,.invite-type-card em{display:block}.invite-type-card strong{font-size:16px}.invite-type-card small{color:var(--muted);font-style:normal;margin:5px 0 14px;line-height:1.45}.invite-type-card em{color:var(--blue);font-style:normal;font-weight:700}.join-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}.join-context{background:linear-gradient(155deg,#174ea6,#1a73e8);padding:46px;color:#fff}.join-context h1{font-size:34px}.join-context>p{color:#dbe8ff;font-size:16px}.join-points{display:flex;flex-direction:column;gap:17px;margin:30px 0}.join-points>div{display:flex;gap:12px;align-items:flex-start}.join-points>div>span{width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.join-points p{margin:0}.join-points strong,.join-points small{display:block}.join-points small{color:#dbe8ff}.privacy-note{background:rgba(255,255,255,.12);border-radius:10px;padding:11px 13px;font-size:12px}.join-form-card{border:0;border-radius:0;padding:46px}.join-form-card h2{font-size:26px}.join-summary{display:flex;justify-content:space-between;align-items:center;background:#f7f9fc;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;margin-bottom:20px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tour-overlay{position:fixed;inset:0;background:rgba(32,33,36,.56);z-index:200}.tour-highlight{position:fixed;z-index:201;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--blue);border-radius:10px;pointer-events:none;transition:.25s}.tour-popover{position:fixed;z-index:202;background:#fff;border-radius:14px;padding:18px;width:min(330px,calc(100vw - 30px));box-shadow:var(--shadow-lg)}.tour-popover .tour-count{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.8px}.tour-popover h3{margin:7px 0 5px}.tour-popover p{color:var(--muted);font-size:13px}.tour-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.tour-dots{display:flex;gap:4px}.tour-dot{width:6px;height:6px;background:#d5d8dc;border-radius:50%}.tour-dot.active{background:var(--blue)}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.department-grid{grid-template-columns:repeat(2,1fr)}.report-layout{grid-template-columns:1fr}.hero h1{font-size:45px}.invite-grid{grid-template-columns:1fr}}
@media(max-width:820px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(32,33,36,.45);z-index:29}.sidebar.open+.sidebar-backdrop{display:block}.content-shell{margin:0;width:100%}.topbar{padding:0 14px}.topbar-title{display:none}.help-pill{display:none}.main-content{padding:22px 16px}.grid-3,.department-grid{grid-template-columns:1fr 1fr}.report-layout{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-points{display:none}.hero{grid-template-columns:1fr;margin-top:35px}.hero h1{font-size:42px}.hero-visual{display:none}.landing-links>a:not(.btn){display:none}.wizard-card{grid-template-columns:1fr}.wizard-side{padding:19px}.wizard-side>h2,.wizard-side>p{display:none}.wizard-steps{margin:0;flex-direction:row;overflow:auto}.wizard-step{min-width:max-content}.wizard-step label{display:none}.wizard-main{padding:27px 22px}.join-layout{grid-template-columns:1fr}.join-context{padding:30px}.join-context h1{font-size:27px}.join-points{display:none}.join-form-card{padding:30px}.invite-type-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.card-header>.heading-actions,.card-header>.filter-form{width:100%}.access-banner{align-items:flex-start;flex-direction:column}.access-banner .btn{width:100%}.plan-editor{grid-template-columns:1fr}.feature-checks{grid-template-columns:1fr}.heading-actions select{min-width:0;width:100%}}
@media(max-width:580px){h1{font-size:25px}.page-heading{flex-direction:column}.heading-actions{width:100%}.heading-actions .btn{flex:1}.heading-actions select,.heading-actions input{width:100%;min-width:0}.grid-2,.grid-3,.grid-4,.department-grid,.tutorial-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-row,.radio-grid,.choice-grid{grid-template-columns:1fr}.topbar-actions{gap:5px}.user-copy{display:none}.main-content{padding:18px 12px}.auth-body{padding:0}.auth-shell{border:0;border-radius:0;min-height:100vh}.auth-brand{display:none}.auth-card{padding:31px 23px}.wizard-shell{width:min(100% - 20px,1160px);padding-top:12px}.wizard-top>.muted{display:none}.wizard-main{padding:23px 17px}.wizard-step{font-size:0}.wizard-step span{font-size:12px}.wizard-actions{align-items:stretch;flex-direction:column}.wizard-actions>div{display:flex}.wizard-actions .btn{flex:1}.heatmap{grid-template-columns:repeat(2,1fr)}.app-footer{padding:15px;gap:10px}.landing-nav{width:calc(100% - 24px)}.hero{width:calc(100% - 28px);margin:30px auto 50px}.hero h1{font-size:37px}.hero-actions{flex-direction:column}.landing-footer{width:100%;flex-direction:column;gap:8px}.table-actions{flex-wrap:wrap}.invite-grid{padding:12px}.invite-card{padding:14px}.invite-stats{grid-template-columns:repeat(2,1fr)}.invite-card-top{flex-wrap:wrap}.invite-card-top .status-badge{margin-left:21px}.join-context,.join-form-card{padding:24px 18px}.join-context h1{font-size:24px}.join-form-card h2{font-size:22px}}
@media print{.sidebar,.topbar,.app-footer,.heading-actions,.no-print{display:none!important}.content-shell{margin:0;width:100%}.main-content{padding:0}.card{box-shadow:none;break-inside:avoid}.report-layout{grid-template-columns:1fr 320px}body{background:#fff}}
.app-body[data-access-state=expired] [data-modal-open="department-modal"],.app-body[data-access-state=expired] [data-modal-open="invite-choice-modal"],.app-body[data-access-state=expired] [data-modal-open="individual-invite-modal"],.app-body[data-access-state=expired] [data-modal-open="department-invite-modal"]{display:none!important}