:root{font-family:Arial,sans-serif;color:#233149;background:#f7f8fa;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.16s}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b6c5fe;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}.app{display:flex;min-height:100vh}aside{width:244px;flex-shrink:0;background:#fff;border-right:1px solid #e7eaf0;position:fixed;height:100vh;padding:30px 18px;display:flex;flex-direction:column}.brand{font-size:25px;letter-spacing:-1.1px;display:flex;align-items:center;font-weight:750;padding:0 10px}.brand>span:last-child{color:#5862d8}.brandicon{background:#5d62d5;color:#fff;padding:9px;border-radius:11px;margin-right:10px;display:flex}.workspace{margin:35px 4px 28px;display:flex;align-items:center;gap:10px;border:1px solid #e8eaf1;border-radius:8px;padding:12px 9px;font-size:11px;font-weight:600}.workspace>svg{margin-left:auto}.org{background:#f0f2fa;display:flex;padding:7px;border-radius:6px;color:#69748b}small{display:block;color:#8992a2;font-size:10px;line-height:1.7;font-weight:400}.workspace small{font-size:9px;margin-top:3px}.navlabel{font-size:9px;letter-spacing:1px;color:#929aa9;margin:0 14px 13px;font-weight:600}nav button{border:0;background:none;justify-content:flex-start;width:100%;border-radius:7px;padding:13px 14px;margin-bottom:6px;color:#748096;gap:12px;font-size:12px;font-weight:500}nav button.active{background:#eeefff;color:#5a5ed1}nav button b{margin-left:auto;font-size:9px;border-radius:4px;background:#dfe1ff;padding:3px 6px}.asidebottom{margin-top:auto;padding:24px 13px 0}.asidebottom>svg{color:#969db8;margin-bottom:10px}.asidebottom>strong{display:block;font-size:11px}.asidebottom p{font-size:10px;line-height:1.8;color:#9199a8;margin-bottom:25px}.avatarline{border-top:1px solid #eceef3;padding-top:20px;display:flex;align-items:center;gap:9px;font-size:11px}.avatarline small{max-width:140px;overflow:hidden;text-overflow:ellipsis}.avatar{background:#eeecfe;color:#7063c7;border-radius:50%;width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}main{margin-left:244px;width:calc(100% - 244px)}header{height:73px;border-bottom:1px solid #e9ecf1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:#8c95a5;font-size:11px}.breadcrumb,.headerend{display:flex;align-items:center;gap:14px}.breadcrumb span{color:#45526b}.online{height:6px;width:6px;border-radius:50%;background:#36a87e;margin-right:-8px}.icon{background:none;border:0;color:#7e889c;padding:8px}.headerend .icon{margin-left:8px;border-left:1px solid #eee}.content{max-width:1600px;margin:auto;padding:28px 36px 18px}.demobar{background:#efefff;border:1px solid #e1e0fa;color:#6261a9;padding:13px 17px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px;font-size:10px}.demobar strong{font-size:11px;margin-right:12px}.demobar a,.demobar button{display:flex;align-items:center;gap:7px;font-size:10px;background:none;border:0;color:#5a53bd;font-weight:600}.pagetitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#9098ab;font-weight:600;margin-bottom:9px}h1{font-size:27px;letter-spacing:-.9px;margin:0 0 9px;font-weight:650}p{color:#8a93a3;font-size:11px;line-height:1.8;margin:6px 0}h2{font-size:14px;letter-spacing:-.25px;font-weight:600;margin:0}h3{font-size:13px}.actions{display:flex;gap:9px}.primary,.secondary{padding:11px 15px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid transparent}.primary{background:#605bd5;color:#fff;box-shadow:0 3px 6px #635bd51c}.secondary{background:#fff;border-color:#e1e5ed;color:#59657a}.roundbar{background:#fff;border:1px solid #e5e8ef;border-radius:9px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.roundbar>div{display:flex;align-items:center;gap:13px}.roundicon{display:flex;background:#f1f0fd;color:#7770d5;padding:10px;border-radius:8px}.roundbar strong{font-size:12px;font-weight:600}.roundbar small{font-size:10px;margin-top:4px}.roundbar .pill{margin-left:10px}.roundright{color:#8b95a6;font-size:10px}.roundright span{margin:0 9px;color:#ccd0d9}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap;font-weight:500}.pill:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor;margin-right:5px}.green{background:#eaf7f1;color:#4b9b7b}.blue{background:#eef3ff;color:#6686cc}.orange{background:#fff5e7;color:#c99b54}.red{background:#fff0f0;color:#d17c7b}.gray{background:#f1f3f6;color:#939cab}.purple{background:#f0eefc;color:#8b7ed1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e4e8ef;padding:19px 20px;border-radius:9px}.stat>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8c94a4}.statIcon{padding:8px;border-radius:7px;display:flex}.stat strong{font-size:27px;font-weight:600;display:block;margin:8px 0 6px;letter-spacing:-.5px}.stat small{font-size:9px}.overviewgrid{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-bottom:23px}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:9px;overflow:hidden}.panelheading{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panelheading p{font-size:10px;margin:5px 0 0}.progresspanel .panelheading{padding-bottom:14px}.progress{height:9px;margin:9px 22px 17px;background:#f0f0f7;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;border-radius:6px;background:#7771e0}.progresslabels{display:flex;justify-content:space-between;margin:0 22px 24px;font-size:9px;color:#8e97a8}.progresslabels span{display:flex;align-items:center;gap:7px}.progresslabels b{color:#627087;font-weight:500;margin-left:6px}.progresslabels i{width:6px;height:6px;background:#7771e0;border-radius:50%}.progresslabels span:last-child i{background:#d7d9e6}.steps{margin:0 22px;border-top:1px solid #edf0f5;padding:17px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:8px;color:#9aa2b0}.steps span{display:flex;align-items:center;gap:6px}.stepdone{color:#77a88d}.current{color:#756ad0!important}.current b{font-weight:500}.closecard{background:#f0effa;border:1px solid #e5e2f6;border-radius:9px;padding:17px 20px}.closeicon{color:#8176cc;background:#e6e2f6;display:inline-flex;padding:8px;border-radius:8px;margin-bottom:10px}.closecard h2{font-size:12px}.closecard p{font-size:9px;color:#9a94ae;margin:6px 0 12px}.closecard button{border:1px solid #dcd6ef;background:#faf9ff;border-radius:6px;color:#8b80ba;width:100%;padding:8px;font-size:10px}.num{display:inline-flex;padding:3px 7px;background:#f3f3fa;border-radius:4px;color:#9299ad;font-size:9px;margin-left:7px}.textbutton{border:0;background:none;color:#8076ce;font-size:10px}.filters{display:flex;gap:10px;padding:0 22px 18px}.search{display:flex;align-items:center;border:1px solid #e6e9ef;border-radius:6px;padding:0 10px;gap:7px;max-width:340px;flex:1;color:#a0a8b5}.search input{border:0;padding:10px 0;width:100%;outline:none;background:none;font-size:10px;color:#59657a}.filters select{border:1px solid #e6e9ef;border-radius:6px;padding:9px 10px;background:#fff;font-size:10px;color:#8b94a4;min-width:135px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:8px;font-weight:550;letter-spacing:.6px;background:#fafbfd;color:#98a1b0;padding:13px 18px;border-block:1px solid #eef0f4}th:first-child,td:first-child{padding-left:23px}td{padding:16px 18px;font-size:11px;border-bottom:1px solid #edf0f5;color:#77839a}td strong{font-size:10px;color:#5f6a80;font-weight:500;display:block}td small{font-size:9px;margin-top:5px;color:#a0a8b6}td.number{text-align:center;font-size:11px;color:#718099}th:nth-child(3),th:nth-child(4),th:nth-child(5){text-align:center}.stationname{color:#8390a6!important}.muted{color:#a3acba!important}.redtext{color:#ce7976!important}.orangetext{color:#c99c56!important}.rowbutton{border:0;background:none;font-size:9px;color:#8b80cc;padding:7px 0}.tablefoot{padding:15px 22px;font-size:9px;color:#a0a8b6;display:flex;justify-content:space-between}.empty{text-align:center;padding:38px;color:#9ca5b5}.empty svg{margin:auto;color:#b1b7cb}.peoplegrid{padding:0 22px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.person{border:1px solid #e9eaf1;border-radius:8px;padding:22px}.person span:last-child{font-size:10px;color:#767f96}.reportpanel{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.reportpanel svg{color:#7467ce;margin-bottom:15px}.reportpanel button svg{margin:0;color:inherit}.reportnumbers{display:flex;gap:28px}.reportnumbers span{font-size:10px;color:#8994a6}.reportnumbers b{font-size:23px;display:block;color:#4f5b76;margin-bottom:9px}.audit{margin-top:20px;padding:25px}.audit>div{display:flex;gap:12px;border-bottom:1px solid #eee;padding:16px 0;color:#7e8da1;font-size:11px}.audit small{margin-top:5px}footer{display:flex;justify-content:space-between;margin-top:26px;font-size:8px;color:#a1a9b6}footer>span:last-child{display:flex;align-items:center;gap:6px}footer>span>span{margin:0 9px}.notice{padding:12px 15px;background:#fff8e9;border:1px solid #f1dfb2;border-radius:6px;margin-bottom:16px;color:#987b3c;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice button{border:0;background:none;color:inherit}.overlay{position:fixed;inset:0;z-index:20;background:#18243c66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:530px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:13px;padding:30px;box-shadow:0 20px 70px #1a254633;position:relative}.modalclose{position:absolute;right:16px;top:14px}.modal h2{font-size:21px;margin:5px 30px 14px 0}.modal p{margin-bottom:20px}.modal label:not(.upload){display:block;font-size:11px;color:#69738b;margin:17px 0 7px}.modal input:not([type=file]),.modal textarea{display:block;width:100%;padding:11px;border:1px solid #dfe4ed;border-radius:6px;margin-top:8px;outline-color:#9a8ce0;background:#fcfcfe;color:#3c4b64}.wide{width:100%;margin-top:18px}.hint{font-size:10px;color:#9b95aa}.importsteps{display:flex;flex-direction:column;gap:16px;color:#727c92;font-size:11px}.importsteps>button{align-self:flex-start;margin-bottom:8px}.upload{border:1px dashed #c7bfdc;padding:25px;background:#faf9fe;display:flex;align-items:center;flex-direction:column;gap:12px;cursor:pointer;border-radius:8px;color:#8b7cc4}.upload input{max-width:100%;font-size:10px}.closeinfo{padding:16px;background:#f7f5fc;border-radius:7px;line-height:2.2;color:#8c80b4;font-size:12px}.loading{position:fixed;bottom:20px;right:20px;background:#37415e;color:#fff;border-radius:8px;padding:14px 20px;z-index:50;font-size:12px}@media(min-width:1500px){.content{padding-top:35px}.stat{padding:23px}.overviewgrid{grid-template-columns:1fr 330px}td{padding-block:20px}.closecard{padding:22px}.progresspanel .panelheading{padding-top:25px}.progress{margin-top:16px}.steps{padding-top:22px}}@media(max-width:1150px){aside{width:210px;padding-inline:12px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:22px}.roundright{display:none}.overviewgrid{grid-template-columns:1fr 260px}.stat{padding:14px}.stats{gap:10px}.steps{font-size:8px}.demobar span{display:block;margin-top:5px}.pagetitle{align-items:flex-start}h1{font-size:24px}.actions{flex-direction:column}.progresslabels{font-size:8px}.progresslabels b{margin-left:0}}@media(max-width:800px){aside{position:static;width:100%;height:auto;padding:15px;border-right:0;border-bottom:1px solid #eee}.app{display:block}.brand{font-size:22px}.brandicon{padding:6px}.workspace,.navlabel,.asidebottom{display:none}nav{display:flex;gap:5px;margin-top:16px;overflow:auto}nav button{width:auto;flex:1;font-size:10px;justify-content:center;padding:10px 7px;gap:6px;margin:0}nav button svg{width:16px}nav button b{display:none}main{margin:0;width:100%}header{height:50px;padding:0 19px;font-size:9px}.headerend{font-size:9px;gap:10px}.content{padding:18px}.demobar{padding:12px;align-items:flex-start}.demobar a{font-size:9px;min-width:100px}.demobar strong{font-size:10px}.demobar span{font-size:9px}.pagetitle{margin:20px 0;display:block}.eyebrow{font-size:8px}h1{font-size:25px}.actions{flex-direction:row;margin-top:18px}.roundbar{padding:14px}.roundbar .pill{margin:0}.roundbar>div{gap:9px;flex-wrap:wrap}.roundbar strong{font-size:11px}.roundbar small{font-size:9px}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:25px}.overviewgrid{grid-template-columns:1fr}.closecard{display:block}.steps{font-size:8px}.filters{padding-inline:15px;flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.filters select{flex:1;min-width:0}.panelheading{padding:18px 15px}.panelheading h2{font-size:13px}.panelheading p{font-size:9px}.tablefoot span{display:none}footer>span:last-child{display:none}.peoplegrid{grid-template-columns:1fr}.modal{padding:25px}.modal h2{font-size:18px}.reportpanel{padding:22px}.reportnumbers{width:100%;justify-content:space-between}.breadcrumb{gap:5px}.tablewrap td:first-child{min-width:230px}.roundicon{padding:7px}}
