:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font-family:inherit}.app{min-height:100vh;--sidebar: 248px;--panel: #fff;--border: #e5edf1;--muted: #738292}.app.collapsed{--sidebar: 80px}.app.dark{--panel: #192b3a;--border: #2b4253;--muted: #a5b9c8}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#122b41;color:#fff;padding:29px 16px 18px;display:flex;flex-direction:column;z-index:20;transition:width .15s}.sidebar .sidebar-toggle{position:absolute;top:34px;right:-16px;width:32px;height:32px;color:#aff4df;background:#244d5b;border:1px solid #547785;z-index:1}.sidebar .sidebar-toggle:hover{background:#356676}.sidebar .sidebar-toggle:focus-visible{outline:2px solid #aff4df;outline-offset:3px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 37px;white-space:nowrap}.brand-mark{display:grid;place-items:center;flex:0 0 40px;height:43px;color:#8ee1c9;background:#224759;border-radius:11px}.nav-heading{font-size:10px!important;letter-spacing:1.8px!important;color:#7794a9;margin:0 15px 16px!important}.nav-item{display:flex;align-items:center;gap:13px;background:transparent;border:0;color:#a9bfcd;width:100%;padding:14px 15px;border-radius:8px;margin:4px 0;text-align:left;cursor:pointer;font-size:13px;white-space:nowrap}.nav-item:hover{background:#1c394e;color:#fff}.nav-item.active{background:#244d5b;color:#aff4df;box-shadow:inset 3px 0 #67d2b5}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto}.local-badge{display:flex;gap:10px;align-items:center;padding:17px 8px;border-top:1px solid #2c4355}.main{margin-left:var(--sidebar);min-width:0;transition:margin .15s}.topbar{height:85px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.topbar-right{display:flex;align-items:center;gap:12px}.period-pill{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);padding:8px 12px;background:#8097a912;border:1px solid var(--border);border-radius:6px;white-space:nowrap}.avatar{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#e1efec;color:#34635c;font-size:11px;font-weight:750}main{padding:18px 16px 0;max-width:none;margin:auto;min-width:0}.eyebrow{font-size:9px!important;font-weight:750!important;letter-spacing:1.8px!important;margin-bottom:9px!important;color:#75939b}.hero{background:linear-gradient(110deg,#142f45,#245366);color:#fff;border-radius:14px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 5px 15px #10283f0b;margin-bottom:23px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0}.stat,.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 10px #142d4303}.stat{padding:22px}.panel{padding:24px;min-width:0}.two-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;min-width:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.empty{padding:40px 12px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;color:var(--muted)}.bars{height:240px;display:flex;gap:10px;align-items:flex-end;overflow:auto;padding:22px 0}.bar-group{min-width:52px;flex:1;display:flex;flex-direction:column;gap:8px;align-items:center}.bar{background:linear-gradient(#45b5a3,#168374);width:70%;max-width:65px;border-radius:5px 5px 0 0;min-height:3px}.activity-dot{width:9px;height:9px;border-radius:50%;background:#54b69d;margin-top:5px;flex-shrink:0}.upload-card{border:1.5px dashed #acc4c9;border-radius:12px;text-align:center;padding:35px 20px;background:var(--panel);min-width:0;overflow-wrap:anywhere}.upload-icon{display:inline-flex;background:#e7f5ef;color:#1c8978;border-radius:12px;padding:13px;margin-bottom:18px}.attachment{padding:16px;background:#5aa08c14;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:12px;padding:32px 0 20px;font-size:9px;letter-spacing:1px;color:#91a0ab}footer span{letter-spacing:0}@media(min-width:1600px){main{padding:42px 50px 0}}@media(max-width:1250px){.app{--sidebar: 210px}.topbar{padding:0 24px}.email-indicator{display:none}.stats{gap:12px}.stat{padding:18px}.stat h4{font-size:1.6rem}main{padding:28px 24px 0}.two-columns{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media(max-width:1050px){.app{--sidebar: 80px}.brand>div:not(.brand-mark),.nav-heading,.nav-item span,.nav-arrow,.local-badge{display:none!important}.brand{padding:0 3px 32px}.nav-item{justify-content:center;padding:14px 9px}.sidebar{padding-inline:13px}.period-pill{display:none}.hero{padding:28px}.two-columns{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.app{--sidebar: 60px}.sidebar{padding:20px 6px}.brand-mark{flex-basis:36px;width:36px}.topbar-business{display:none}main{padding:20px 14px 0}.topbar{height:65px;padding:0 12px;justify-content:flex-end}.hero{padding:24px}.hero>svg{display:none}.hero h4{font-size:1.5rem}.stats{gap:8px}.stat{padding:13px}.stat h4{font-size:1.4rem}.panel{padding:17px}.MuiStepLabel-label{font-size:10px!important}footer{font-size:8px;flex-wrap:wrap}}.history-table{width:100%;border-collapse:collapse;text-align:left}.history-table th,.history-table td{padding:12px 10px;border-bottom:1px solid #dde7ec;white-space:nowrap}.history-table th{font-size:12px;font-weight:650;color:#738292}