*{box-sizing:border-box}html,body{color:#0a1742;background:#f8faff;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}aside{z-index:5;background:#fff;border-right:1px solid #dfe5ef;width:212px;padding:25px 9px;position:fixed;inset:0 auto 0 0}.logo{object-fit:cover;object-position:center;width:154px;height:70px;margin:0 16px 54px}aside nav{flex-direction:column;gap:8px;display:flex}aside nav button,.collapse{color:#58698f;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:17px;height:48px;padding:0 15px;display:flex}aside nav button.active{color:#fff;background:#0865f5;box-shadow:0 5px 12px #0865f533}.collapse{position:absolute;bottom:24px}main{width:calc(100% - 212px);margin-left:212px}header{color:#536281;background:#fbfcff;border-bottom:1px solid #dfe5ef;justify-content:space-between;align-items:center;height:68px;padding:0 46px;display:flex}header>div{align-items:center;gap:14px;display:flex}header b{color:#111831}.headright{height:100%}.month{background:#fff;border:1px solid #d9e0eb;border-radius:8px;justify-content:space-around;align-items:center;min-width:210px;height:42px;display:flex}.iconbtn{background:0 0;border:0;padding:8px;position:relative}.iconbtn i{color:#fff;background:#0865f5;border-radius:50%;padding:3px;font-size:10px;font-style:normal;position:absolute;top:0;right:0}.avatar{color:#0865f5;background:#e5efff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.content{max-width:1600px;margin:auto;padding:20px 44px 34px}.title{justify-content:space-between;align-items:center;margin:0 2px 16px;display:flex}.title h1{margin:0 0 5px;font-size:30px;line-height:1.15}.title p{color:#657395;margin:0;font-size:15px}.actions{gap:14px;display:flex}.btn{color:#fff;background:#0865f5;border:1px solid #0865f5;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:0 20px;font-weight:600;display:inline-flex}.btn.secondary{color:#344465;background:#fff;border-color:#d7dfeb}.card,.metric{background:#fff;border:1px solid #dce3ed;border-radius:10px;box-shadow:0 2px 7px #253c6410}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.metric{align-items:center;gap:20px;height:135px;padding:24px;display:flex}.metricicon{border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.metricicon.blue{color:#0865f5;background:#e7efff}.metricicon.green{color:#10a958;background:#e5f7ed}.metricicon.yellow{color:#f2a600;background:#fff3db}.metricicon.red{color:#fa4248;background:#ffe5e7}.metricicon.gray{color:#6f7d9c;background:#eef0f4}.metric strong{font-size:36px;display:block}.metric small,p small,td small{color:#647395;margin-top:3px;display:block}.charts{grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px;display:grid}.card h3{margin:0;font-size:16px}.chart{height:255px;padding:20px 22px 5px}.legend{color:#647395;margin:13px 0 -5px}.legend i{border-top:3px solid;width:24px;margin-right:8px;display:inline-block}.legend .bl{border-color:#0865f5}.legend .gr{border-color:#17a65b;margin-left:22px}.donutcard{padding:20px 24px;position:relative}.donut{width:210px}.donutlabels{flex-direction:column;gap:22px;display:flex;position:absolute;top:67px;left:250px}.donutlabels b{color:#14a95b;font-size:18px}.donutlabels b:nth-child(2){color:#0865f5}.donutlabels b:nth-child(3){color:#ffb000}.donutlabels span{color:#687696;margin-left:12px;font-size:14px;font-weight:400}.bottom{grid-template-columns:2fr 1fr;gap:18px;display:grid}.recent{overflow:hidden}.recent h3,.priorities h3{padding:18px 20px}.sidecards{flex-direction:column;gap:15px;display:flex}.priorities>div,.deadline{border-top:1px solid #e3e8f0;align-items:center;gap:13px;padding:9px 18px;display:flex}.priorities p,.deadline p{flex:1;margin:0}.alertico{color:#eda500;background:#fff2d8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.alertico.red{color:#ed2932;background:#ffe4e4}.deadline span{color:#fff;background:#0865f5;border-radius:50%;padding:12px}.importtop{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:22px;display:grid}.drop{color:#0865f5;background:#fbfdff;border:2px dashed #0865f5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:284px;display:flex}.drop h2{color:#0a1742;margin:8px}.drop p{color:#647395;margin:0 0 20px}.drop>b{margin-top:12px}.summary{padding:23px;position:relative}.summary>p{color:#657395;line-height:32px;position:absolute;top:60px;left:250px}.summary>p b{color:#0a1742;margin-right:20px;font-size:20px}.queue{overflow:hidden}.tablehead{align-items:center;gap:14px;min-height:62px;padding:12px 20px;display:flex}.tablehead h3{margin-right:auto}.search{color:#70809e;background:#fff;border:1px solid #d7dfeb;border-radius:7px;align-items:center;gap:10px;min-width:280px;height:40px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.tablehead select{background:#fff;border:1px solid #d7dfeb;border-radius:7px;height:40px;padding:0 22px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#1a294e;background:#f6f8fc;height:42px}th,td{white-space:nowrap;border-top:1px solid #e1e6ee;padding:9px 14px}td{color:#33446b;height:58px}tbody tr{cursor:pointer}tbody tr:hover{background:#f3f7ff}.badge{color:#63708c;background:#eef1f6;border-radius:5px;padding:4px 9px;font-size:12px;display:inline-flex}.badge.green{color:#0d9850;background:#e8f7ee}.badge.red{color:#ee3238;background:#ffebeb}.badge.yellow{color:#e69b00;background:#fff5dd}.badge.blue{color:#0865f5;background:#e8f1ff}.progress{background:#dce1e9;border-radius:5px;width:120px;height:4px;margin-top:6px}.progress span{background:#0865f5;border-radius:5px;height:100%;display:block}.uploads{border-top:1px solid #e1e6ee}.uploads>div{align-items:center;gap:12px;padding:10px 20px;display:flex}.uploads p{min-width:320px;margin:0}.uploads .progress{flex:1}.tabs{color:#0865f5;border-top:1px solid #e1e6ee;height:56px;padding:20px}.tabs span{background:#eef2f8;border-radius:6px;padding:3px 7px}.split{grid-template-columns:minmax(700px,1fr) 330px;gap:16px;display:grid}.queue footer{color:#607091;justify-content:space-between;padding:18px;display:flex}.queue footer b{color:#0865f5;border:1px solid #0865f5;border-radius:5px;padding:7px}.detail{align-self:start;padding:20px}.detail h3{justify-content:space-between;margin-bottom:20px;display:flex}.detail h4{overflow-wrap:anywhere;align-items:center;gap:10px;font-size:13px;display:flex}.detail>p{margin:6px 0 18px}.detail>.btn{width:100%;margin-top:9px}.timeline{margin:15px 0}.timeline>div{color:#667493;gap:12px;min-height:65px;display:flex;position:relative}.timeline>div:after{content:"";background:#ced6e2;width:1px;position:absolute;top:22px;bottom:0;left:10px}.timeline>div.done{color:#12a458}.timeline>div.fail{color:#ef343c}.timeline p{color:#142143;margin:0}.notice{background:#fff9eb;border:1px solid #ffe0a3;border-radius:7px;gap:9px;margin:0 20px 8px;padding:11px;display:flex}.notice b{color:#0865f5;margin-left:auto}.clientsplit{grid-template-columns:minmax(780px,1fr) 290px}.person{align-items:center;gap:12px;margin-bottom:24px;display:flex}.person>span{color:#0865f5;background:#e6efff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.person p{margin:0}.clientdetail>p{margin:15px 0}.clientdetail>p small{margin-bottom:5px}.overlay{z-index:20;background:#0b17394d;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:600px;padding:24px;box-shadow:0 20px 60px #0a174244}.modal h2{justify-content:space-between;margin-top:0;display:flex}.modal label{flex-direction:column;flex:1;gap:6px;margin:10px 0;display:flex}.modal input,.modal select,.modal textarea,.settings input{border:1px solid #d6deea;border-radius:7px;padding:11px}.modal>div{gap:16px;display:flex}.modal textarea{height:70px}.modalactions{justify-content:flex-end;margin-top:20px}.alertpage{padding-bottom:10px}.alertrow{border-top:1px solid #e1e6ee;align-items:center;gap:16px;padding:15px 20px;display:flex}.alertrow p{flex:1}.alertrow.resolved{opacity:.45}.coming{flex-direction:column;justify-content:center;align-items:center;height:600px;display:flex}.coming>span{color:#0865f5;background:#eef5ff;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.coming h2{margin:26px 0 8px;font-size:26px}.coming p{color:#687795;font-size:16px}.settings{max-width:700px;padding:25px}.settings h3{margin:10px 0 18px}.settings label{flex-direction:column;gap:7px;margin:15px 0;display:flex}.online{background:#14a85b;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}@media (max-width:1100px){aside{width:76px}aside .logo{object-fit:cover;object-position:left;width:54px;height:54px;margin:0 2px 54px}aside nav button{justify-content:center;font-size:0}.collapse{font-size:0}main{width:calc(100% - 76px);margin-left:76px}.content{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.charts,.bottom,.importtop,.split{grid-template-columns:1fr}.detail{display:none}}@media (max-width:720px){header{padding:0 15px}.month{min-width:140px}.content{padding:15px}.metrics{grid-template-columns:1fr}.title{align-items:flex-start;gap:15px}.actions{flex-wrap:wrap}.charts{display:block}.donutcard{margin-top:15px}.tablehead{flex-wrap:wrap}.modal{width:94%}}
.sidebar-collapsed aside{width:76px}.sidebar-collapsed aside .logo{object-fit:cover;object-position:left;width:54px;height:54px;margin:0 2px 54px}.sidebar-collapsed aside nav button{justify-content:center}.sidebar-collapsed aside nav button span,.sidebar-collapsed .collapse span{display:none}.sidebar-collapsed .collapse{justify-content:center;width:58px}.sidebar-collapsed .collapse .flipped{transform:rotate(180deg)}.sidebar-collapsed main{width:calc(100% - 76px);margin-left:76px}aside,main{transition:width .2s,margin-left .2s}.headmenu{position:relative}.profilebtn{background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.dropdown{z-index:30;background:#fff;border:1px solid #dce3ed;border-radius:10px;min-width:210px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 35px #17295024}.dropdown button{text-align:left;background:0 0;border:0;border-radius:7px;width:100%}.periodmenu button{justify-content:space-between;padding:10px 12px;display:flex}.dropdown button:hover,.dropdown button.selected{color:#0865f5;background:#eef5ff}.notifications{width:340px;padding:0;overflow:hidden}.notifications h4{border-bottom:1px solid #e3e8f0;justify-content:space-between;margin:0;padding:14px 16px;display:flex}.notifications h4 button{color:#0865f5;width:auto}.notifications>button{border-bottom:1px solid #edf0f5;gap:10px;padding:13px 16px;display:flex}.notifications>button svg{color:#eda500;flex:none}.notifications span{display:block}.notifications small{color:#687696;margin-top:3px;display:block}.profilemenu>div{align-items:center;gap:10px;padding:10px;display:flex}.profilemenu p{margin:0}.profilemenu>button{align-items:center;gap:9px;padding:10px;display:flex}.modalclose{background:0 0;border:0;padding:0}.selectedrow{background:#eef5ff}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#0865f5;outline:2px solid #0865f533}
.development-state{flex-direction:row;justify-content:center;align-items:center;height:auto;min-height:600px;display:flex}.development-state img{border-radius:12px;width:min(610px,100%);height:auto;display:block}@media (max-width:720px){.development-state{min-height:480px}}
.setup-error{background:#fff8f8;border-color:#ffc4c4;align-items:center;gap:18px;padding:24px;display:flex}.setup-error>svg{color:#e4373f;width:42px;height:42px}.setup-error div{flex:1}.setup-error h2,.setup-error p{margin:0 0 6px}.loading,.emptyline{color:#657395;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.month input{text-align:center;background:0 0;border:0;outline:0;width:82px}.drop b{margin-top:15px}.upload-actions{justify-content:center;margin:18px;display:flex}.resultline{background:#fff;border:1px solid #d9e2ef;border-radius:7px;max-width:850px;margin:8px auto;padding:12px 16px}.formerror{color:#df2832}.empty-state{color:#657395;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state svg{width:50px;height:50px}.btn:disabled{opacity:.55;cursor:not-allowed}
.integration-grid{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start;gap:18px;display:grid}.integration-grid .settings{max-width:none}.integration-grid .btn{width:100%;margin-top:10px}@media (max-width:1100px){.integration-grid{grid-template-columns:1fr}}
.rowactions{align-items:center;gap:3px;display:flex}.deletebtn,.downloadbtn{background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.deletebtn{color:#d9363e}.downloadbtn{color:#0865f5}.deletebtn:hover{background:#ffebec}.downloadbtn:hover{background:#eaf2ff}.deletebtn:disabled{opacity:.5}