:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b35;background:#f5f7f6;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.muted{color:#64727b}.error{color:#b53e42;min-height:1.4em}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:#167f79;color:#fff;font-weight:800;font-size:20px;border-radius:6px}.shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#172830;color:#eaf0ef;display:flex;flex-direction:column;padding:24px 12px}.identity{display:flex;align-items:center;gap:10px;padding:0 10px 34px;font-size:17px}.sidebar nav{display:grid;gap:3px}.nav-item{border:0;background:transparent;color:#b9cbcb;text-align:left;padding:11px 14px;border-radius:5px}.nav-item:hover,.nav-item.active{background:#2b4149;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #38505a;padding:16px 10px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b9cbcb}.sidebar-bottom button{background:none;border:0;color:#d9e7e4}.main{min-width:0}.topbar{height:58px;border-bottom:1px solid #dde5e3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#5b6972;font-size:12px}.content{max-width:1300px;margin:auto;padding:35px 36px 60px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading h1{margin:4px 0;font-size:27px;font-weight:700}.heading p{margin:4px 0}.eyebrow{font-size:12px;color:#167f79;font-weight:700}.status{padding:7px 11px;border-radius:4px;background:#e5f3ef;color:#11645c;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d7e1de;border-bottom:1px solid #d7e1de;margin-bottom:40px}.metrics>div{display:flex;flex-direction:column;gap:8px;padding:22px 24px 22px 0;min-width:0}.metrics>div+div{border-left:1px solid #d7e1de;padding-left:24px}.metrics span,.metrics small{color:#6c7a82;font-size:12px}.metrics strong{font-size:24px;font-weight:650;overflow-wrap:anywhere}.chart-section,.detail-section{margin-bottom:42px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{font-size:17px;margin:0 0 5px}.section-head p{color:#728089;font-size:12px;margin:0}.segments{display:flex;border:1px solid #d4dfdc;border-radius:5px;overflow:hidden;flex-shrink:0}.segments button{background:#fff;border:0;padding:7px 12px;color:#52636b}.segments button+button{border-left:1px solid #d4dfdc}.segments button.selected{background:#167f79;color:#fff}.chart-wrap{position:relative;background:white;border:1px solid #e0e7e5;border-radius:6px;height:360px;padding:14px}.chart-wrap svg{display:block;width:100%;height:100%}.chart-tooltip{position:absolute;pointer-events:none;background:#172830;color:#fff;padding:7px 10px;border-radius:4px;font-size:12px;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;background:#fff;border:1px solid #e0e7e5}th,td{padding:12px 14px;border-bottom:1px solid #e9eeec;white-space:nowrap}th{color:#64727b;font-weight:600;background:#f9fbfa;font-size:12px}td{font-size:13px}.pill{display:inline-block;padding:3px 7px;border-radius:4px;background:#eef2f1;color:#4b5c61}.pill.ok{background:#e5f3ef;color:#11645c}.pill.bad{background:#fbe9e8;color:#ad3d41}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-content{width:min(360px,100%)}.login-content h1{font-size:28px;margin:18px 0 2px}.login-content p{margin:0 0 34px}.login-content form{display:grid;gap:9px}.login-content label{font-weight:600;margin-top:9px}.login-content input{height:42px;padding:0 11px;border:1px solid #cdd8d5;border-radius:4px;background:#fff}.login-content input:focus{outline:2px solid #16877e;outline-offset:1px}.login-content .primary{height:42px;border:0;background:#167f79;color:white;border-radius:4px;font-weight:600;margin-top:4px}#refresh-tasks{background:#fff;border:1px solid #cbd9d5;border-radius:4px;padding:8px 14px}
.legend{display:flex;gap:18px;color:#53636b;font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:18px;height:3px;border-radius:2px}.price-line{background:#16877e}.supply-line{background:#a6465b}
@media(max-width:900px){.shell{grid-template-columns:180px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #d7e1de}.metrics>div:nth-child(4){border-top:1px solid #d7e1de}.content{padding:28px 24px}.topbar{padding:0 24px}}
@media(max-width:620px){.shell{display:block}.sidebar{padding:10px 14px;flex-direction:row;align-items:center;gap:16px}.identity{padding:0;font-size:14px}.identity .brand-mark{width:29px;height:29px;font-size:17px}.sidebar nav{display:flex}.nav-item{padding:8px}.sidebar-bottom{margin-left:auto;margin-top:0;border:0;padding:0}.sidebar-bottom span{display:none}.topbar{height:42px;padding:0 17px}.content{padding:24px 17px}.heading{align-items:flex-start}.heading h1{font-size:23px}.metrics strong{font-size:20px}.metrics>div{padding:17px 10px 17px 0}.metrics>div+div{padding-left:12px}.chart-wrap{height:290px;padding:5px}.section-head{flex-wrap:wrap}.segments{width:100%}.segments button{flex:1}.sidebar-bottom button{font-size:12px}}