*{box-sizing:border-box}body{margin:0;background:#f6f8f6;color:#172033;font-family:Inter,Arial,sans-serif}.top{height:62px;background:#101820;color:#fff;display:flex;align-items:center;padding:0 24px;gap:22px}.brand{color:#fff;text-decoration:none;font-weight:900}.top nav{display:flex;gap:8px}.top nav a{color:#cbd2d8;text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:800;font-size:12px}.top nav a.active{background:#28343c;color:#fff}.top>span{flex:1}.top>b{font-size:11px}main{max-width:1400px;margin:auto;padding:28px}.head small{color:#57b52c;font-weight:900;letter-spacing:.1em}.head h1{font-size:34px;margin:5px 0}.head p{margin:0;color:#667085}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tabs button{border:1px solid #dce4df;background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.tabs button.active{background:#172033;color:#fff}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.summary div{background:#fff;border:1px solid #e0e6e2;border-radius:12px;padding:14px}.summary b,.summary span{display:block}.summary b{font-size:20px}.summary span{font-size:10px;color:#7b8794}.table{background:#fff;border:1px solid #e0e6e2;border-radius:14px;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr .9fr .9fr .8fr .6fr;gap:8px;padding:11px 12px;border-top:1px solid #edf1ee;align-items:center;font-size:11px}.row.head{border-top:0;background:#f6f8f6;font-size:9px;font-weight:900;color:#7b8794}.row b,.row small{display:block}.row small{font-size:8px;color:#929ca6}.row a{color:#3e8b2b;font-weight:900;text-decoration:none}.status{font-style:normal;font-size:9px;font-weight:900;padding:5px 7px;border-radius:999px}.pending{background:#fff4da;color:#956500}.approved{background:#edf7ff;color:#246fa7}.paid{background:#eaf8e7;color:#2d7b20}.void{background:#f0f1f2;color:#707980}.empty,.notice{padding:18px}.notice.err{background:#fff0f0;color:#b42318}
@media(max-width:850px){.top nav{display:none}.summary{grid-template-columns:1fr}.row{grid-template-columns:1.6fr 1fr 1fr}.row>*:nth-child(n+4):not(:last-child){display:none}main{padding:16px}}