:root{font-family:Arial,Helvetica,sans-serif;color:#f5f6f3;background:#171a18;font-size:17px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;background:#242824;padding:18px 3%;border-bottom:1px solid #444}.brand{display:flex;align-items:center;gap:15px}.brand strong{font-size:26px;letter-spacing:1px}.brand small{display:block;color:#b8c0b7}.logo{background:#ffd83d;border-radius:12px;padding:12px;font-size:27px}main{max-width:1500px;margin:25px auto;padding:0 24px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #535a53;border-radius:10px;padding:13px 19px;background:#343b35;color:white;font-weight:bold}button:hover{filter:brightness(1.15)}button.primary,button.active,#loadBtn{background:#ffd83d;color:#171717;border-color:#ffd83d}nav{display:flex;gap:12px;margin-bottom:22px}nav button{flex:1;font-size:19px;padding:19px 10px}.login{max-width:480px;margin:65px auto;background:#292f2a;padding:35px;border-radius:16px}.login h1{margin-top:0}.login>p,details p{color:#bfc7be}label{display:flex;flex-direction:column;gap:8px;font-weight:bold;margin-bottom:18px}input,select{background:#333a34;color:#fff;border:1px solid #646c64;border-radius:9px;padding:12px;min-width:0}.login input,.login button{width:100%}details{margin-top:28px;padding-top:18px;border-top:1px solid #555}summary{cursor:pointer}#authError{color:#ff8f9b;min-height:25px}.filterline{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:22px;background:#262c27;border-radius:12px}.filterline label{margin:0;flex:1;min-width:155px}.filterline button{margin-bottom:0}.panel{background:#282f29;padding:26px;border-radius:14px;margin-top:22px;border:1px solid #444e45}.panel h2{margin:0 0 15px;color:#ffd83d}.muted{color:#bac2b9}.error{border-left:5px solid #ff747f;background:#39262b;padding:22px;border-radius:10px;margin-top:24px}.info{border-left:5px solid #ffd83d;background:#303025;padding:22px;border-radius:10px;margin-top:24px}@media(max-width:650px){nav{flex-wrap:wrap}nav button{flex:1 0 42%}.brand strong{font-size:19px}main{padding:0 12px}}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;align-items:start}.metric{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #414641}.metric strong{text-align:right}.panel h2{margin-top:0}.metric a{color:#f6d044}

/* ChefDesk readability and mobile filter fixes */
.metric{min-width:0;align-items:baseline}
.metric>span{min-width:0;overflow-wrap:anywhere;flex:1 1 58%}
.metric>strong{min-width:0;flex:0 1 auto;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
.filterline label[hidden]{display:none}
.filter-error{color:#ff9aa3;margin:0 0 8px}.filter-error:empty{display:none}
@media(max-width:650px){.cards{grid-template-columns:minmax(0,1fr)}.panel{padding:20px}.metric{gap:10px}.metric>strong{font-size:.94em}.filterline label{flex:1 1 100%}}