*{box-sizing:border-box}body{color:#1e293b;background:#f5f6f8;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#fff;background:#d96a27;border:0;border-radius:9px;padding:12px 18px;font-weight:600}button:disabled{opacity:.5;cursor:wait}.secondary{color:#334155;background:#fff;border:1px solid #dce1e7}.app{min-height:100vh;display:flex}aside{color:#fff;background:#152d29;flex-shrink:0;width:235px;padding:30px 18px}aside button{text-align:left;color:#b7c8c1;background:0 0;width:100%;margin:4px 0;padding:10px 16px;display:block}.active,aside button:hover{color:#fff!important;background:#2b4840!important}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand small{color:#b7c8c1;letter-spacing:4px;margin-top:6px;font-size:10px;display:block}.brandmark{background:#e57832;border-radius:12px;padding:12px}.navlabel{letter-spacing:1.4px;color:#9cafaa;margin:30px 12px 14px;font-size:10px}.asidefoot{color:#aec0b7;margin:40px 10px;font-size:12px}.asidefoot small{margin-top:8px;display:block}main{width:calc(100% - 235px);padding:38px 44px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#7a857f;letter-spacing:2px;font-size:10px}h1{letter-spacing:-1px;margin:9px 0;font-size:34px}p{color:#6b7280;line-height:1.6}header p{margin:5px 0}.status{color:#517164;margin:20px 0;font-size:12px}.hero{background:#ecede5;border:1px solid #e0e3d7;border-radius:18px;justify-content:space-between;padding:36px 40px;display:flex}.hero h2{letter-spacing:-1.5px;max-width:450px;margin:20px 0 10px;font-size:40px}.hero p{max-width:500px}.pill{color:#3f6350;letter-spacing:.8px;background:#e1eadf;border-radius:20px;padding:6px 12px;font-size:10px;display:inline-block}.heroart{color:#c76b35;text-align:center;align-self:center;padding:0 30px;font-size:135px}.heroart span{letter-spacing:2px;color:#536158;font-size:9px;display:block}.sectiontitle{justify-content:space-between;align-items:center;gap:18px;margin:25px 0 15px;display:flex}.sectiontitle h2{margin:0;font-size:20px}.sectiontitle span{color:#7b8582;font-size:13px}.grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;display:grid}.business,.panel,.metrics article{background:#fff;border:1px solid #e4e7eb;border-radius:14px;padding:25px}.business .pill{float:right}.business h3{font-size:22px}.logo{color:#a85c30;background:#f3e6dc;border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;font-weight:700;display:flex;overflow:hidden}.logo img{object-fit:contain;width:100%;height:100%}.business button{color:#335744;background:#f1f4ef;width:100%}.empty{text-align:center;color:#7b8582;border:1px dashed #d6dcd7;border-radius:12px;margin:20px 0;padding:45px}.note{margin-top:20px;font-size:12px;line-height:1.7}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0;display:grid}.metrics small{color:#748078}.metrics strong{margin-top:15px;font-size:25px;display:block}.twocol{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel h2{font-size:20px}.statline{border-bottom:1px solid #edf0ec;justify-content:space-between;gap:10px;padding:17px 0;display:flex}.statline span{color:#69736f;font-size:14px}.actions{gap:10px;margin-top:25px;display:flex}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{text-align:left;text-transform:capitalize;color:#647168;background:#f6f8f5;padding:13px}td{border-bottom:1px solid #edf0ec;padding:14px}.search{max-width:350px;margin-bottom:20px}input,select{color:#263c30;background:#fff;border:1px solid #d7ded9;border-radius:7px;width:100%;padding:10px}td select{min-width:125px}.overlay{z-index:10;background:#10241c99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;padding:28px;overflow:auto}.dialog .sectiontitle{margin-top:0}.formgrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{text-transform:capitalize;color:#52655b;font-size:13px}label input,label select{margin-top:7px;display:block}.logopreview{object-fit:contain;width:65px;height:65px;margin-top:10px}.red{color:#b33d24}@media (max-width:1000px){main{padding:25px}.metrics{grid-template-columns:1fr 1fr}.heroart{display:none}.twocol{grid-template-columns:1fr}}@media (max-width:700px){.app{display:block}aside{flex-wrap:wrap;gap:5px;width:100%;padding:15px;display:flex}aside .brand{width:100%;margin-bottom:10px}aside button{width:auto;margin:0;padding:9px;font-size:12px}aside .navlabel,aside .asidefoot{display:none}main{width:100%;padding:20px}header{align-items:flex-start}header button{padding:10px;font-size:11px}h1{font-size:27px}.hero{padding:25px}.hero h2{font-size:32px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:20px}.formgrid{grid-template-columns:1fr}.dialog{padding:20px}.eyebrow{font-size:8px}}.landing{max-width:1150px;margin:auto;padding:30px}.landing header{margin-bottom:40px}.landing .brand{color:#183c2f}.landing .hero{margin-bottom:25px}.landing .hero h1{margin:25px 0;font-size:clamp(38px,6vw,64px)}.loginlink,.registerlink{color:#fff;background:#d96a27;border-radius:9px;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-block}.loginlink{color:#284b3b;background:#e6ebe6}.landing .brand small{color:#4d6a60}@media (max-width:700px){.landing{padding:20px}.landing header{margin-bottom:25px}}