:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202124;background:#f4f5f7}*{box-sizing:border-box}body{margin:0}header{background:#171717;color:#fff;display:flex;align-items:center;gap:28px;padding:14px 24px;position:sticky;top:0;z-index:5}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:22px;letter-spacing:1.5px}.brand span{font-size:11px;color:#bbb;margin-top:4px}nav{display:flex;gap:5px;flex:1;flex-wrap:wrap}nav a,.user a{color:#eee;text-decoration:none;padding:9px 11px;border-radius:7px}nav a:hover{background:#333}.user{font-size:13px;color:#ccc}main{max-width:1450px;margin:auto;padding:24px}h1{margin:0 0 20px;font-size:28px}h2{font-size:18px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e2e4e8;border-radius:12px;box-shadow:0 1px 2px #00000008}.card{padding:20px}.card b{display:block;font-size:30px}.card span{color:#666;font-size:13px}.panel{padding:18px;margin-bottom:18px}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e2e4e8;border-radius:12px}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:10px 12px;border-bottom:1px solid #eceef1;text-align:left;white-space:nowrap;font-size:14px}th{background:#f8f9fa;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#555}a{color:#9b1515}button,.button{background:#9b1515;color:#fff;border:0;border-radius:7px;padding:10px 15px;text-decoration:none;font-weight:600;cursor:pointer}.filters,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{min-width:180px;padding:10px;border:1px solid #ccd0d5;border-radius:7px;background:#fff}.filters input{min-width:300px}.muted{color:#6d7278}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-grid div{display:flex;flex-direction:column;gap:4px}.detail-grid b{font-size:12px;text-transform:uppercase;color:#666}.login{min-height:100vh;display:grid;place-items:center;background:#f0f1f3}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:14px;box-shadow:0 8px 35px #0002}.login-card .logo{font-size:30px;font-weight:800;letter-spacing:2px}.login-card h1{font-size:20px;margin:6px 0 25px}.login-card label{display:block;font-weight:600;font-size:13px;margin:14px 0}.login-card input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #bbb;border-radius:7px}.login-card button{width:100%;margin-top:10px}.error{background:#fee;border:1px solid #e99;padding:10px;border-radius:7px;color:#800}footer{text-align:center;padding:25px;color:#777;font-size:12px}@media(max-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-wrap:wrap}.user{margin-left:auto}}@media(max-width:600px){main{padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.filters>*{width:100%;min-width:0!important}header{padding:12px}nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}nav a{white-space:nowrap}}@media print{header,footer,.actions,.filters{display:none!important}body,main{background:#fff;padding:0}.panel,.table-wrap{border:0;box-shadow:none}h1{font-size:22px}}
.year-filter{display:flex;justify-content:flex-end;margin:-54px 0 20px}.year-filter label{font-size:13px;font-weight:700;color:#555}.year-filter select{margin-left:8px;padding:9px 34px 9px 10px;border:1px solid #ccd0d5;border-radius:7px;background:#fff;font-weight:600}.card-link{display:block;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.card-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000012;border-color:#d3d6da}.card-link span{display:block}.card-link b{color:#202124}@media(max-width:700px){.year-filter{justify-content:flex-start;margin:0 0 18px}.year-filter label,.year-filter select{width:100%;margin-left:0}.year-filter select{margin-top:6px}}
.wrap{white-space:normal;min-width:240px}.product-start td{border-top:2px solid #d8dadd}.actions .button{display:inline-block}@media print{.year-filter,.actions{display:none!important}.wrap{white-space:normal}table{font-size:11px}th,td{padding:6px 8px}}
.button.secondary{background:#217346}.actions button{font:inherit}@media print{main:before{content:"VEYSEYS BUTCHERS · CHRISTMAS REPORTING";display:block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;color:#555}a{color:#000;text-decoration:none}}