*{box-sizing:border-box}body{margin:0;color:#25332e;background:#f3f4f4;font:16px 'Segoe UI',Arial,sans-serif}header{height:76px;background:#285d49;color:white;display:flex;align-items:center;gap:30px;padding:12px 24px}header img{width:185px}header span{margin-left:auto;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #b9c3be;border-radius:3px;background:#fff;padding:10px 16px;color:#253b31}button:hover{background:#e3eee7}button:disabled{opacity:.5;cursor:default}.ribbon{background:linear-gradient(#fff,#e9ecea);padding:20px;display:flex;gap:12px;border-bottom:1px solid #c4cbc7}.ribbon button{border:0;border-right:1px solid #c4cbc7;background:transparent;padding:10px 24px}.layout{display:flex;min-height:calc(100vh - 200px)}nav{width:225px;flex-shrink:0;border-right:1px solid #c7ceca;padding-top:20px;background:#edf0ee}nav button{width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:18px 20px}nav button.active{background:#2f7155;color:white;font-weight:600}main{flex:1;min-width:0;background:white}.tabs{background:#e9ecea;padding:14px 24px;color:#69766e}.tabs b{display:inline-block;background:white;margin-left:26px;padding:12px 25px;color:#25332e}#content{padding:24px}h1{font-size:25px;margin:0 0 22px}h2{font-size:19px}.filters{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}input,select,textarea{padding:10px;border:1px solid #aeb9b2;border-radius:2px;background:#fff;color:#25332e;max-width:100%}label{display:flex;flex-direction:column;gap:8px;font-size:14px}.tablewrap{overflow:auto;border:1px solid #c5cec8}table{width:100%;border-collapse:collapse;font-size:15px}th{background:#e9ecea;text-align:left;padding:14px;white-space:nowrap}td{padding:14px;border-bottom:1px solid #dbe1dc}tr:nth-child(even){background:#f5f7f6}.num{text-align:right;white-space:nowrap}.badge{background:#fff0bd;color:#755b14;padding:5px 9px;font-size:13px}form.panel{margin-top:28px;border:1px solid #c7cfc9;padding:22px}.fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px}.wide{grid-column:span 2}.primary,form button{background:#26734d;color:white;margin-top:18px}.totals{padding:18px;background:#edf3ef;text-align:right;font-weight:600}.empty{padding:40px;text-align:center;color:#6c7b71}footer{padding:14px 20px;border-top:1px solid #c7ceca;color:#5b6d60;font-size:13px}#login{max-width:430px;margin:90px auto;padding:32px;background:white;border:1px solid #c7ceca}#login input{width:100%}#notice{position:fixed;bottom:20px;right:20px;max-width:600px;background:#264f3d;color:white;padding:16px;display:none}.subtle{color:#65766b;font-size:14px}.draftbox{border:1px solid #c6cfc8;padding:22px;margin-bottom:16px}[hidden]{display:none!important}@media(max-width:850px){header{gap:10px;padding:10px}header span,header strong{display:none}nav{width:160px}.fields{grid-template-columns:1fr 1fr}.ribbon{flex-wrap:wrap;padding:8px}.ribbon button{padding:8px}#content{padding:12px}}