:root{--nav:#07192f;--primary:#6558f5;--ink:#18223a;--muted:#748098;--line:#e8edf5;--bg:#f6f8fc;--green:#1eb980;--red:#ef5b61;--orange:#f5a623;--blue:#3a8dde}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;background:linear-gradient(180deg,#07192f,#061427);color:#dce6f5;position:fixed;inset:0 auto 0 0;padding:18px 14px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px 18px}.brand-icon{font-size:27px;color:#7d72ff}.brand b{font-size:18px;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#7890ad;margin-top:2px}.tenant{background:#0d2441;border:1px solid #183858;border-radius:8px;padding:12px;margin-bottom:17px;display:flex;justify-content:space-between;font-size:12px}.sidebar nav p{font-size:9px;letter-spacing:1.3px;color:#6280a5;margin:18px 8px 7px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#a9bdd6;text-decoration:none;padding:10px 12px;border-radius:7px;margin:2px 0}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#5951ef,#7367ff);color:white}.sidebar-foot{position:absolute;bottom:18px;left:14px;right:14px;border:1px solid #173452;border-radius:8px;padding:11px}.sidebar-foot small,.sidebar-foot strong{display:block}.sidebar-foot small{color:#6f8aaa;font-size:9px}.sidebar-foot strong{margin-top:4px;font-size:11px}.main{margin-left:230px;width:calc(100% - 230px);padding:22px 28px 45px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#6558f5;color:white;display:grid;place-items:center;text-decoration:none;font-weight:700}.menu-btn{display:none}.btn{border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#fff0f0;color:#be3b3b}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(5,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(15,35,70,.03);padding:16px}.kpi{min-height:130px}.kpi-head{display:flex;align-items:center;gap:10px;color:#47546d}.kpi-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0edff;color:var(--primary);font-size:18px}.kpi h3{font-size:28px;margin:8px 0 4px}.kpi small{color:var(--green);font-weight:600}.dashboard-row{grid-template-columns:1.6fr 1fr 1.2fr;margin-top:14px}.card h2{font-size:13px;margin:0 0 14px}.chart-box{height:245px}.mini-row{grid-template-columns:repeat(3,1fr);margin-top:14px}.bar-list{display:grid;gap:13px}.bar-item{display:grid;grid-template-columns:100px 1fr 35px;align-items:center;gap:10px;font-size:11px}.bar-track{height:5px;background:#eef1f6;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#695cf7}.comment{display:flex;gap:10px;border-bottom:1px solid #edf1f6;padding:9px 0}.comment:last-child{border:0}.dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px;flex:0 0 auto}.dot.green{background:#35c67b}.dot.orange{background:#f4b84a}.dot.red{background:#ee6868}.comment p{margin:0;font-size:11px;line-height:1.4}.comment small{color:var(--muted)}.alert{padding:12px 14px;border-radius:8px;margin-bottom:16px}.alert.success{background:#eafff4;color:#16724c}.alert.danger{background:#fff1f1;color:#9d3333}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}.table th{font-size:11px;color:#718096;text-transform:uppercase}.badge{padding:4px 8px;border-radius:99px;font-size:11px;background:#eef0ff;color:#5149cb}.badge.green{background:#e7fbf2;color:#138255}.badge.red{background:#ffeded;color:#b63d3d}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.input,.select,.textarea{width:100%;border:1px solid #dfe5ef;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.field small{display:block;color:var(--muted);margin-top:5px}.survey-hero{max-width:760px;margin:40px auto}.survey-public{background:linear-gradient(135deg,#f6f4ff,#eef8ff);min-height:100vh;padding:35px 15px}.survey-box{max-width:720px;margin:auto;background:#fff;border-radius:18px;padding:30px;box-shadow:0 15px 45px rgba(28,45,83,.12)}.survey-box h1{margin-top:0}.question{margin:26px 0}.scale{display:flex;gap:7px;flex-wrap:wrap}.scale label input{display:none}.scale label span{width:42px;height:42px;border:1px solid #dbe2ed;border-radius:8px;display:grid;place-items:center;cursor:pointer}.scale label input:checked+span{background:var(--primary);color:white;border-color:var(--primary)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#081b33 0 48%,#f6f8fc 48%)}.login-card{width:min(940px,92vw);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.18)}.login-brand{background:#0a203d;color:#fff;padding:60px}.login-brand h1{font-size:40px;margin:0 0 10px}.login-brand p{color:#a9bdd6;line-height:1.7}.login-form{padding:60px}.login-form h2{font-size:28px}.login-form .field{margin:16px 0}.public-link{font-size:11px;color:#58627a;word-break:break-all}.actions{display:flex;gap:8px}.empty{padding:35px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-row{grid-template-columns:1fr}.mini-row{grid-template-columns:1fr 1fr}.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:230px}.menu-open .sidebar{transform:none}.main{margin-left:0;width:100%;padding:18px 14px}.menu-btn{display:inline-flex;border:0;background:#fff;border-radius:8px;padding:9px}.topbar{gap:12px}.topbar h1{font-size:19px}.topbar p{display:none}.kpis{grid-template-columns:1fr 1fr}.mini-row,.form-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-brand{display:none}.login-form{padding:32px 24px}.top-actions .btn{display:none}}