*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:#203c33;background:#f1f4f0}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer}.ribbon{background:#e8c678;color:#253f32;padding:12px 5%;text-align:center;font-size:12px;line-height:1.5}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 42px)}aside{background:#103f33;color:#dbe7d9;padding:30px 22px}aside img{width:50px;border-radius:50%;vertical-align:middle;margin-right:10px}aside h2{font-size:20px;margin:26px 0 8px}aside small{color:#b3cbb6}aside nav{display:grid;gap:8px;margin:28px 0}aside button{border:0;text-align:left;padding:13px 15px;background:transparent;color:#bcd3c1;border-radius:6px}aside button.active{background:#2b5c47;color:white}aside a{font-size:12px;text-decoration:none}main{padding:36px 4%;min-width:0}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.top p{font-size:12px;color:#6c7e70}h1{font-size:28px;letter-spacing:-1px;margin:0}h2{font-size:20px}h3{font-size:16px}.tag{display:inline-block;border-radius:20px;background:#e0e9de;padding:7px 12px;font-size:11px;color:#406844}.action{border:0;background:#164e3b;color:white;padding:12px 18px;border-radius:5px}.secondary{background:white;border:1px solid #bfcfbf;color:#234e39}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metric,.card{background:white;border:1px solid #dce5d9;border-radius:9px;padding:24px}.metric strong{font-size:32px;display:block;margin:13px 0 7px}.metric small{color:#81907d}.card{margin:22px 0}.card-head{display:flex;gap:20px;align-items:center;justify-content:space-between}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}input,select{padding:11px 13px;border:1px solid #bdccbb;border-radius:5px;background:white;color:#234434;max-width:100%}label{font-size:12px;display:grid;gap:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#f1f5ed;color:#6e8068}td,th{padding:16px 12px;border-bottom:1px solid #e5ebe1}td button{border:0;color:#1a6844;background:#e7f1e5;padding:8px 12px;border-radius:4px}.badge{display:inline-block;border-radius:20px;font-size:10px;padding:6px 10px;background:#dfeee0;color:#327043}.warn{background:#fff0ca;color:#92631a}.red{background:#fbe1db;color:#a84c38}.muted{background:#e7e9e5;color:#727d6c}.empty{padding:35px;text-align:center;color:#72836e}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.bars{display:flex;gap:20px;height:150px;align-items:end;padding:20px 0 0}.bar{flex:1;background:#6f9b70;border-radius:5px 5px 0 0;position:relative;min-width:20px}.bar span{position:absolute;bottom:8px;color:white;font-size:10px;left:8px}.hint{font-size:12px;color:#72836b;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps>div{padding:20px;background:#edf3e9;border-radius:5px}.steps strong{display:block;margin-bottom:9px}.notice{padding:15px;border-left:3px solid #d1ae59;background:#fff9e9;font-size:12px;line-height:1.8}.form{display:grid;gap:16px;max-width:560px}.form textarea{font:inherit;padding:12px;border:1px solid #bfceba;min-height:80px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.block{padding:24px 12px;border:0;border-radius:6px;background:#dfeede;color:#32613b;text-align:left}.block.warn{background:#fff0cb;color:#92641c}.block.red{background:#f9dfd9;color:#a04c3d}.block.muted{background:#e5e8e0;color:#6a7464}.block b{display:block;font-size:20px;margin-bottom:10px}.status{font-size:12px;color:#377746;margin:14px 0}.mobile-nav{display:none}.close{float:right}.modal{position:fixed;inset:0;background:#092c24b0;display:grid;place-items:center;padding:20px;z-index:10}.modal[hidden]{display:none}.modal-inner{background:#fff;border-radius:10px;padding:28px;max-width:600px;width:100%;max-height:90vh;overflow:auto}.modal-inner dl{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-inner dt{font-size:11px;color:#78906e}.modal-inner dd{margin:0;font-size:14px}.legend{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0;font-size:11px}.footer{margin-top:35px;font-size:11px;color:#7c8d76}a.cta{display:inline-block;background:#e6c574;color:#213f2f;text-decoration:none;padding:12px 18px;border-radius:5px}.reset{background:none;color:#6e7e67;border:0;font-size:11px;text-decoration:underline}.matrix td{white-space:normal}button:hover{filter:brightness(.96)}@media(max-width:900px){.shell{grid-template-columns:170px 1fr}aside{padding:25px 15px}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.shell{display:block}aside{padding:16px}aside h2{display:inline;font-size:17px;margin:0 10px}aside img{width:32px}aside small{display:none}aside nav{display:flex;overflow:auto;margin:18px 0 8px;gap:5px}aside nav button{white-space:nowrap;padding:10px;font-size:12px}aside>a{font-size:10px}main{padding:25px 5%}.top{display:block}h1{font-size:25px}.top .action{margin-top:12px}.metric{padding:17px}.metric strong{font-size:26px}.card{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.card-head{align-items:start}.card-head h2{font-size:17px}.toolbar input{width:100%}.modal-inner dl{grid-template-columns:1fr}.ribbon{font-size:10px}.legend{gap:8px}}