:root{font-family:'Be Vietnam Pro',sans-serif;color:#203d36;background:#f5f6f2;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:240px;background:#123c32;color:white;position:fixed;inset:0 auto 0 0;padding:32px 20px}.brand{display:block;color:#fff;font-size:25px;font-weight:700;text-decoration:none;padding:0 14px 34px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:12px;color:#9bb9ac}nav a{display:block;text-decoration:none;color:#bed0c7;padding:14px 18px;margin:5px 0;border-radius:9px}nav a.active{background:#dff3ae;color:#163d30;font-weight:600}footer{position:absolute;bottom:30px;line-height:2;font-size:12px}footer span{color:#a0b9ad}main{margin-left:240px;padding:38px 44px;width:calc(100% - 240px);max-width:1600px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:29px;margin:10px 0 25px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:2px;color:#74867c}.badge{background:#e5eedb;color:#527032;border-radius:30px;padding:9px 13px;font-size:11px}.notice{background:#fff4db;padding:14px 18px;color:#7d6535;font-size:12px;border-radius:9px;margin:0 0 26px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e4e8df;border-radius:14px;padding:24px;margin-bottom:18px}.metric{font-size:32px;margin:18px 0 3px;font-weight:600}.muted{color:#7c8a82;font-size:12px}h2{font-size:18px;margin:0 0 20px}h3{font-size:15px}button{border:0;border-radius:8px;padding:11px 16px;background:#215a43;color:white;cursor:pointer;font:inherit}button.secondary{background:#edf1e9;color:#315442}button:disabled{opacity:.45;cursor:default}input,select{padding:11px;border:1px solid #d8e1d6;border-radius:7px;font:inherit;max-width:100%;background:white}form,.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}label{display:grid;gap:8px;font-size:12px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:16px 10px;border-bottom:1px solid #edf0e9}th{font-size:11px;color:#7c8a82;font-weight:500}td{font-size:13px}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product{text-align:left;background:#f1f5e9;color:#254c38;padding:22px}.product span{display:block;margin-top:14px;font-size:12px}.line{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0e9}.empty{padding:25px;color:#7c8a82}#feedback{color:#215a43;line-height:1.8}.table-wrap{overflow:auto}@media(max-width:900px){aside{width:180px;padding:25px 10px}main{margin-left:180px;width:calc(100% - 180px);padding:25px}.grid,.split{grid-template-columns:1fr}}@media(max-width:600px){body{display:block}aside{position:relative;width:100%;padding:18px}.brand{padding-bottom:12px}nav{display:flex;overflow:auto}nav a{white-space:nowrap}footer{display:none}main{margin:0;width:100%;padding:20px}h1{font-size:24px}.products{grid-template-columns:1fr}}