*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17243a;font-family:Arial,Helvetica,sans-serif}main{max-width:1050px;margin:auto;padding:24px}.between,.brand,header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{justify-content:flex-start}.logo{background:#193766;color:white;border-radius:13px;padding:15px;font-size:25px;font-weight:800}h1{margin:0;font-size:23px}h2{font-size:20px;margin:28px 0 15px}h2 span{font-size:12px;font-weight:400;color:#748094;margin-left:10px}h3{margin:0 0 15px;font-size:16px}.subtle,small{font-size:12px;color:#748094}p{line-height:1.55}.badge{font-size:11px;color:#996b0c;background:#fff2ce;border-radius:40px;padding:8px 12px;font-weight:700}.panel,.tile,.toolbar{background:white;border:1px solid #e5eaf2;border-radius:15px;padding:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.toolbar>div:first-child{min-width:250px}.task small,.tile small,.toolbar small{display:block;margin-bottom:9px}button,input,select{font:inherit}select{padding:10px;border:1px solid #d7dfeb;border-radius:9px;width:100%;background:white}nav{display:flex;gap:7px;flex-wrap:wrap}button{border:1px solid #dce4ef;background:white;padding:11px 15px;border-radius:9px;cursor:pointer;color:#233c60}.tip button,button.active,form button{background:#235fb1;color:white;border-color:#235fb1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.tile strong{display:block;font-size:25px}.panel{margin:15px 0}.progress{height:11px;background:#e9eff8;border-radius:30px;overflow:hidden;margin:14px 0}.progress>div{height:100%;background:#347bd1;border-radius:30px}.tip{background:#eff5ff;border-color:#d5e5ff}.chart{height:250px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px}.barcol{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;flex:1 1}.bar{background:#347bd1;border-radius:6px 6px 0 0;width:min(65%,54px)}.task{display:flex;gap:15px;align-items:center;cursor:pointer}.task input{width:19px;height:19px}.task small{margin-top:7px;margin-bottom:0}.quick{flex-wrap:wrap;gap:8px;margin:15px 0}.quick,form{display:flex}form{gap:10px}form input{flex:1 1;min-width:0;border:1px solid #dce4ef;border-radius:9px;padding:13px}.error{color:#b91c1c}footer{text-align:center;font-size:12px;color:#8893a5;padding:35px 0}@media(max-width:700px){main{padding:13px}.metrics{grid-template-columns:repeat(2,1fr)}.tile{padding:14px}.tile strong{font-size:20px}.toolbar{display:block}.toolbar .subtle{margin-top:12px}.badge{font-size:9px}header{align-items:flex-start}h1{font-size:19px}nav button{flex:1 1;padding:10px 7px;font-size:12px}}.brand .logo,.head .logo{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;flex:0 0 72px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url(/melohelper-original.png) 50%/contain no-repeat!important;overflow:visible!important;font-size:0!important;line-height:0!important;color:transparent!important}.brand .logo>*,.head .logo>*{display:none!important}.brand>img.brandIcon,.brand>img.brandLogo,.brand>img.logo,.head>img.brandIcon,.head>img.brandLogo{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:0!important;background-color:transparent!important;padding:0!important}.brand img.mh-brand-image,.head img.mh-brand-image,img.mh-brand-image{display:block!important;width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;flex:0 0 72px!important}