:root{--green:#00643b;--deep:#004f30;--ink:#34454c;--muted:#7d898e;--line:#d9d9d9;--paper:#fff;--bg:#e6e7e8}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:14px/1.35 Arial,sans-serif}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:linear-gradient(90deg,#00653c,#005a35);color:#fff}.topbar-inner{height:48px;display:flex;align-items:center;justify-content:space-between}.company{color:#fff;text-decoration:none;font-size:24px;font-weight:500}.account{font-family:Georgia,serif;font-size:12px}.account a{color:#fff}.account span{margin:0 6px}.navigation{display:flex;align-items:end;height:38px;gap:5px}.nav-link{min-width:96px;padding:8px 16px 9px;text-align:center;color:#fff;text-decoration:none;font-size:13px;border:1px solid #384345;border-bottom:0;background:linear-gradient(#f8f8f8 0 13%,#748083 16%,#1a2223 65%,#c8c8c8 100%);border-radius:2px 2px 0 0}.nav-link.active{box-shadow:inset 0 -3px #111,0 2px 0 #000;border-radius:0 0 14px 14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start;padding:32px 0 70px}.content-card,.side-card{background:var(--paper);border:1px solid #c9c1ad;border-radius:7px;box-shadow:0 2px 4px #0002;overflow:hidden}.card-title{min-height:36px;padding:6px 10px;background:linear-gradient(90deg,var(--green),var(--deep));display:flex;align-items:center;justify-content:space-between;color:#fff}.card-title h1,.card-title h2{font-size:16px;font-weight:500;margin:0}.toolbar{display:flex;gap:5px}.toolbar input{height:24px;width:180px}.toolbar button,.side-action button,.report-grid button{height:23px;background:linear-gradient(#007d72,#003f3b);border:1px solid #132;color:#fff;padding:1px 16px}.summary{margin:0;padding:9px 10px;color:#96a0a3;font-size:12px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-family:Georgia,serif;font-size:13px}th{text-align:left;color:#003c42;background:linear-gradient(#fff,#c3c3c3);font-family:Arial,sans-serif;font-size:12px;padding:7px 10px}td{padding:9px 10px;border-bottom:1px solid #ddd;color:#666}tr:nth-child(even) td{background:#f7f7f7}.pill,.badge{border:0;border-radius:10px;background:#8999a8;color:#fff;padding:5px 9px}.side-content{padding:10px}.badge{display:inline-block}.side-action{padding:15px 0;border-bottom:1px solid #e1e1e1}.side-action h3{margin:0 0 9px;font-size:14px}.side-action label{display:block;font-size:12px;color:#777}.side-action select{width:100%;height:30px;margin:5px 0}.reports-intro{padding:12px}.reports-intro h2{margin:0 0 8px;font-size:22px;font-weight:400}.analytics-placeholder{min-height:190px;padding:20px;display:grid;grid-template-columns:110px 1fr 110px;gap:18px;align-items:center;background:linear-gradient(135deg,#f8fbff,#edf3fa);border:8px solid #eef2f7}.metric{background:#fff;padding:14px;border-radius:7px;box-shadow:0 5px 14px #4562a522}.metric b{font-size:26px}.metric span{display:block;color:#789;font-size:11px}.chart-line{height:100px;border-bottom:4px solid #4c76ff;border-radius:50%;transform:skewY(-5deg)}.report-dates{text-align:right;background:#eee;padding:12px}.report-dates p{color:#a50000;margin:10px 0 0}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:16px;gap:28px}.report-grid article{text-align:left}.tile-icon{font-size:48px}.report-grid h3{color:#b44831;text-decoration:underline;margin:0}.report-grid select{display:block;width:100%;height:28px}footer{position:fixed;bottom:0;width:100%;background:#00643b;color:#fff;padding:14px 0;font-size:12px}footer span{float:right}@media(max-width:760px){.topbar-inner{height:auto;padding:14px 0;align-items:flex-start}.company{font-size:18px}.account{display:none}.navigation{overflow:auto;height:42px}.nav-link{white-space:nowrap}.workspace{grid-template-columns:1fr;padding-top:16px}.side-card{order:2}.toolbar{display:none}.report-grid{grid-template-columns:repeat(2,1fr)}.analytics-placeholder{grid-template-columns:1fr}.chart-line{display:none}footer{position:static}.shell{width:min(100% - 20px,1180px)}}