:root{font-family:var(--font-ui,'Google Sans',Arial,sans-serif);color:#444b55;background:#f4f6f9;font-size:var(--text-body);--primary:#3f51b5;--line:#e2e5e9;--muted:#7a828e;--side:250px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:0;border-radius:4px;padding:9px 16px;background:#eef0f4;color:#404856;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--primary);color:white}.success{background:#4caf50;color:white}.danger{color:#cf3346;background:#fff0f1}.quiet{background:transparent}.small{padding:5px 9px;font-size:var(--text-small)}.icon{width:36px;height:36px;padding:5px;font-size:var(--text-heading);border-radius:50%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.brand{display:flex;gap:9px;align-items:center;font-weight:700;line-height:1.1;color:#38a9d5;font-size:var(--text-heading)}.brand small{display:block;font-size:var(--text-caption);letter-spacing:1.4px;margin-top:4px}.brand-symbol{font-size:var(--text-display);line-height:1}.topbar{height:64px;position:fixed;inset:0 0 auto 0;z-index:20;background:white;box-shadow:0 1px 5px #0002;display:flex;align-items:center;padding:0 21px 0 10px;gap:23px}.topbar>.brand{width:205px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:11px}.avatar{background:#f0f1f5;width:34px;height:34px;border-radius:50%;color:#7a8390}.topbar .account{font-size:var(--text-small);color:#68707b}.notification{position:relative}.notification b{position:absolute;right:-2px;top:-3px;font-size:var(--text-caption);background:#d63243;color:white;padding:2px 4px;border-radius:10px}.sidebar{position:fixed;left:0;top:64px;bottom:0;width:var(--side);background:white;z-index:15;overflow:auto;border-right:1px solid var(--line);padding:13px 0 22px}.nav-link,.sidebar summary{display:flex;align-items:center;gap:11px;min-height:43px;padding:11px 20px;color:#5b606b;cursor:pointer;font-size:var(--text-small)}.sidebar summary{list-style:none}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary:after{content:'⌄';margin-left:auto;color:#8a909c}.sidebar summary .nav-icon,.nav-link>.nav-icon{font-size:var(--text-subheading);width:23px;color:#7c8394}.sidebar .subnav a{display:block;padding:11px 20px 11px 53px;font-size:var(--text-small);color:#6f7580}.sidebar .active{background:#edf0fc!important;color:var(--primary)!important;border-left:3px solid var(--primary)}.sidebar summary:hover,.sidebar a:hover{background:#f5f6fb;text-decoration:none}.sidebar-footer{color:#a2a8b3;font-size:var(--text-caption);letter-spacing:1px;padding:24px 20px 0}main{margin-left:var(--side);padding:90px 25px 35px;min-height:100vh}.sidebar.closed{transform:translateX(-100%)}.sidebar.closed+main{margin-left:0}.page-title{font-size:var(--text-heading);font-weight:500;margin:0;color:#414956}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:23px}.page-head .tools{margin-left:auto;display:flex;gap:8px}.breadcrumbs{font-size:var(--text-small);color:#9096a1;margin-bottom:8px}.card{background:white;border-radius:5px;border:1px solid var(--line);box-shadow:0 1px 3px #00000004;margin-bottom:22px;overflow:hidden}.card-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:var(--text-body);font-weight:500}.card-body{padding:20px}.muted{color:var(--muted)}.note{padding:12px 15px;background:#f0f3fb;color:#5f6c86;border:1px solid #e0e5f3;border-radius:4px;font-size:var(--text-small);line-height:1.6;margin-bottom:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:23px}.kpi{border-radius:5px;color:white;padding:23px 20px;min-height:126px;position:relative;box-shadow:0 2px 5px #0001}.kpi strong{font-size:var(--text-title);font-weight:500;display:block;margin-bottom:15px}.kpi span{font-size:var(--text-small)}.kpi i{position:absolute;bottom:19px;right:17px;font-style:normal;font-size:var(--text-title);opacity:.6}.orange{background:#ff7043}.green{background:#4caf50}.blue{background:#2196f3}.red{background:#dc3545}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.charts .card{margin:0}.chart-body{min-height:240px;display:flex;align-items:center;justify-content:center;gap:30px;padding:25px}.donut{width:148px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut>span{width:102px;height:102px;background:white;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:var(--text-heading)}.donut small{font-size:var(--text-caption);color:#8f96a0;margin-top:5px}.legend{display:grid;gap:13px;font-size:var(--text-small)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:8px}.bar-chart{width:100%;display:grid;gap:20px}.bar-line{display:grid;grid-template-columns:110px 1fr 24px;gap:12px;align-items:center;font-size:var(--text-small)}.bar-track{height:13px;background:#f2f3f6;border-radius:2px;overflow:hidden}.bar-track i{display:block;height:100%;background:#42a5f5}.toolbar{padding:15px 18px;display:flex;gap:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{max-width:320px;flex:1}.toolbar select{width:180px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-small);white-space:nowrap}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);max-width:340px;overflow:hidden;text-overflow:ellipsis}th{background:#fafbfc;color:#626a76;font-weight:500}th button{background:transparent;padding:0;font-size:var(--text-small)}tbody tr:hover{background:#fafbff}td.title-cell{white-space:normal;min-width:200px}td .number{font-weight:500;color:var(--primary)}.badge{padding:5px 9px;border-radius:4px;display:inline-block;font-size:var(--text-small);line-height:1.1;background:#eef0f7;color:#5c667e}.badge.good{background:#e8f5e9;color:#329747}.badge.warning{background:#fff3df;color:#bc7c12}.badge.bad{background:#ffebee;color:#d13a4d}.badge.info{background:#e3f2fd;color:#2587c6}.pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:15px;font-size:var(--text-small);color:#848b95}.pager select{width:66px;padding:6px}.empty{padding:60px 20px;text-align:center;color:#9299a5}.empty strong{font-weight:500;display:block;font-size:var(--text-subheading);margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 25px}.field{display:flex;flex-direction:column;gap:8px;font-size:var(--text-small)}.field label{color:#5a616c;font-weight:500}.field label b{color:#d95364;margin-left:3px}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #d8dde4;border-radius:4px;background:white;color:#49515d;padding:10px 12px;width:100%;min-height:39px}input:focus,select:focus,textarea:focus{border-color:#7987ce;outline:2px solid #3f51b51a}textarea{min-height:115px;resize:vertical;line-height:1.6}.form-actions{display:flex;gap:9px;margin-top:24px}.error{color:#ca374b;font-size:var(--text-small);margin:12px 0;line-height:1.5}.tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto;padding:0 12px}.tabs button{white-space:nowrap;background:transparent;border-radius:0;border-bottom:2px solid transparent;color:#878e98;padding:16px 18px}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.detail-item{padding:13px 0;border-bottom:1px solid #f0f1f4}.detail-item small{display:block;color:#9299a5;font-size:var(--text-small);margin-bottom:7px}.description{white-space:pre-wrap;line-height:1.8}.question{border:1px solid var(--line);border-radius:4px;padding:17px;margin-bottom:13px}.question-head{display:flex;gap:10px;align-items:center;font-weight:500;margin-bottom:12px}.question select{max-width:260px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:14px}.timeline{border-left:2px solid #e4e8f2;margin:10px 8px;padding:0 0 0 23px}.timeline-item{position:relative;margin-bottom:25px;font-size:var(--text-small);line-height:1.7}.timeline-item:before{content:'';position:absolute;background:#8d9bd6;border:3px solid white;box-shadow:0 0 0 1px #c7cee8;width:8px;height:8px;border-radius:50%;left:-31px;top:3px}.timeline-item small{color:#979eaa}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{padding:22px;border:1px solid var(--line);background:white;border-radius:5px;display:flex;flex-direction:column;gap:15px}.template-card h3{margin:0;font-size:var(--text-body);font-weight:500}.template-card p{font-size:var(--text-small);line-height:1.7;flex:1;color:#89919e;margin:0}.template-card small{color:#7f8996}.login-page{min-height:100vh;display:grid;place-items:center;background:white}.login-box{width:min(430px,90vw);padding:35px}.login-box .brand{justify-content:center;margin-bottom:50px;font-size:var(--text-title)}.login-box form{display:grid;gap:20px}.login-box .primary{margin-top:7px}.login-box footer{font-size:var(--text-small);color:#a0a7b2;text-align:center;margin-top:27px}.login-box h1{font-size:var(--text-heading);font-weight:500;text-align:center;margin:0 0 8px}.login-box p{font-size:var(--text-small);text-align:center;color:#9299a5;margin-bottom:26px}.boot{height:100vh;display:grid;place-content:center;color:#6d78ae}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:15px}.calendar>div{min-height:80px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;font-size:var(--text-small)}.calendar .day-head{min-height:auto;background:#f8f9fc;text-align:center;font-weight:500}.calendar a{display:block;background:#e9edf9;padding:3px;margin-top:6px;font-size:var(--text-caption);overflow:hidden;text-overflow:ellipsis}.calendar .today{background:#f6f8ff}.calendar .today>b{background:var(--primary);color:white;border-radius:50%;padding:4px}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:16px;min-height:16px}dialog{border:0;border-radius:7px;padding:25px;max-width:650px;width:90vw;box-shadow:0 10px 60px #0003;max-height:85vh;overflow:auto}dialog::backdrop{background:#1a233c66}dialog h2{font-size:var(--text-heading);font-weight:500;margin-top:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(120px);transition:.2s;background:#323b50;color:white;padding:13px 22px;border-radius:5px;z-index:100;box-shadow:0 4px 15px #0002;font-size:var(--text-small)}#toast.show{transform:translateX(-50%) translateY(0)}.module-label{font-size:var(--text-caption);text-transform:uppercase;color:#a0a8b6;letter-spacing:1px}.split{display:grid;grid-template-columns:2fr 1fr;gap:22px}.progress{height:7px;background:#e9edf2;border-radius:6px;overflow:hidden}.progress>i{display:block;height:100%;background:#4caf50}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search-hit{padding:17px 20px;border-bottom:1px solid var(--line)}.search-hit p{font-size:var(--text-small);color:#939ba7;margin-bottom:0}.text-button{padding:0;background:none;color:var(--primary)}.online{width:6px;height:6px;border-radius:50%;background:#4caf50;display:inline-block;margin-right:5px}.pill-note{font-size:var(--text-caption);color:#7d8797;background:#f0f2f6;padding:5px 8px;border-radius:4px}.wrap{white-space:normal}.right{margin-left:auto}.nowrap{white-space:nowrap}
@media(min-width:1600px){main{padding:95px 35px}}@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.chart-body{gap:15px}.donut{width:120px}.donut>span{width:84px;height:84px}.topbar .account{display:none}}@media(max-width:850px){.sidebar{transform:translateX(-100%);box-shadow:4px 0 20px #0001}.sidebar.closed{transform:translateX(0)}main,.sidebar.closed+main{margin-left:0;padding:85px 15px 25px}.charts{grid-template-columns:1fr}.topbar .brand{font-size:var(--text-subheading)}.topbar>.brand{width:auto}.topbar-right{gap:3px}.form-grid,.details-grid,.split{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.page-head .tools{margin-left:auto}.calendar>div{padding:5px;min-height:65px}.calendar a{font-size:var(--text-caption)}}@media(max-width:500px){.kpis{gap:10px}.kpi{padding:18px 13px;min-height:110px}.kpi strong{font-size:var(--text-title)}.kpi span{font-size:var(--text-caption)}.template-grid{grid-template-columns:1fr}.topbar{gap:10px}.topbar .brand small{font-size:var(--text-caption)}.topbar-right .fullscreen{display:none}.page-head .tools{width:100%;margin-top:5px}.pager{gap:6px;justify-content:center}.form-grid{gap:17px}.toolbar input,.toolbar select{max-width:none;width:100%}.chart-body{padding:20px}.card-body{padding:17px}}
.google-login{width:100%;min-height:44px;background:#fff;border:1px solid #d8dde4;color:#3c4043;font-weight:500;gap:12px}.google-login:hover{background:#f8faff;border-color:#c5d2f0;filter:none}.google-login:focus-visible{outline:2px solid #4285f4}.login-divider{display:flex;align-items:center;gap:12px;color:#9299a5;font-size:var(--text-small);margin:23px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:#e5e8ee;flex:1}.login-box .brand{margin-bottom:35px}
@media print{.sidebar,.topbar,.page-head .tools,.tabs,button,.toolbar,.form-actions{display:none!important}main{margin:0;padding:0}.card{box-shadow:none;break-inside:avoid}.charts{display:block}.charts .card{margin-bottom:20px}body{background:white}a{color:inherit}table{white-space:normal}.table-wrap{overflow:visible}}