:root{--navy:#071a38;--navy2:#0e2c58;--gold:#e5b947;--cream:#f6f2e9;--ink:#16243c;--muted:#70809a;--line:#dce3ec;--danger:#b83d46;--ok:#238467;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:#f4f6f9}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#15457d 0,transparent 35%),radial-gradient(circle at 90% 80%,#8b6d21 0,transparent 28%),var(--navy)}.login-card{width:min(430px,100%);padding:42px;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 25px 70px #0005}.brand-mark{width:62px;height:62px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-family:Georgia,serif;font-size:24px}.brand-mark.small{width:42px;height:42px;font-size:16px}.eyebrow{margin:18px 0 4px;color:#aa7c13;font-size:11px;letter-spacing:.18em;font-weight:800}.login h1{font:700 34px/1.1 Georgia,serif;margin:6px 0}.muted{color:var(--muted);margin:5px 0 20px}.login form{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#8ba2c4;box-shadow:0 0 0 3px #dce7f5}.primary,.secondary{border:0;border-radius:10px;padding:12px 17px;font-weight:750}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy2)}.secondary{background:#edf1f6;color:var(--ink)}.compact{padding:10px 14px}.error{color:var(--danger);font-size:13px;margin:0}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:var(--navy);color:white;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand strong,.brand span{display:block}.brand strong{font-family:Georgia,serif;font-size:18px}.brand span{color:#aebbd0;font-size:12px;margin-top:3px}nav{display:grid;gap:6px}nav button,.logout{border:0;background:transparent;color:#b7c3d5;text-align:left;padding:12px 14px;border-radius:9px;font-weight:650}nav button.active,nav button:hover{background:#ffffff14;color:white}.logout{margin-top:auto}main{min-width:0;padding:0 34px 40px}header{height:92px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);margin-bottom:26px}header h2{font:700 29px Georgia,serif;margin:0}header .eyebrow{margin:0 0 3px}header .primary{margin-left:auto}.icon-btn{border:0;background:transparent;font-size:25px;color:var(--ink)}#mobileMenu{display:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article,.panel,.table-wrap,.request-card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 5px 20px #22324a0a}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.stats b{font-size:27px}.stats article.warning b{color:var(--danger)}.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.panel{padding:20px}.panel-head,.toolbar,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel h3,.toolbar h3{margin:0}.link{border:0;background:none;color:#a6750e;font-weight:750}.list{display:grid;margin-top:16px}.list.empty{padding:24px;text-align:center;color:var(--muted);background:#f8fafc;border-radius:10px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #edf0f4}.list-row:last-child{border:0}.list-row small{display:block;color:var(--muted);margin-top:3px}.pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#edf1f6}.pill.low,.pill.pending{background:#fde8e8;color:#9b2e39}.pill.ok,.pill.purchased{background:#def5eb;color:#167357}.pill.approved{background:#fff2cf;color:#8c650d}.toolbar{margin-bottom:16px}.toolbar>input{max-width:380px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0f4;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#fafbfd}tr:last-child td{border:0}.actions button{border:0;background:#eef2f7;border-radius:7px;padding:7px 9px;margin-left:5px}.request-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.request-card{padding:18px}.request-card h4{font-size:17px;margin:8px 0}.request-card .meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:13px 0}.request-card footer{display:flex;gap:7px;border-top:1px solid #edf0f4;padding-top:13px}.request-card footer button{flex:1;border:0;border-radius:8px;padding:9px;font-size:12px;font-weight:750}dialog{border:0;border-radius:17px;padding:0;width:min(530px,calc(100% - 28px));box-shadow:0 25px 80px #0006}dialog::backdrop{background:#06142bb8}#modalForm{padding:24px}.modal-head .eyebrow{margin:0}.modal-head h3{margin:3px 0 0;font:700 24px Georgia,serif}#modalFields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px}#toast{position:fixed;z-index:20;right:22px;top:22px;background:#14243d;color:#fff;padding:12px 17px;border-radius:10px;transform:translateY(-80px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.request-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app{display:block}aside{position:fixed;z-index:10;width:245px;transform:translateX(-100%);transition:.25s}aside.open{transform:none}main{padding:0 16px 30px}header{height:78px}#mobileMenu{display:block;order:-1}.quickRequest{display:none}.stats{gap:10px}.stats article{padding:15px}.stats b{font-size:22px}.request-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar>input{max-width:none}#modalFields{grid-template-columns:1fr}.full{grid-column:auto}}
.stats{grid-template-columns:repeat(6,1fr);gap:12px}.area-tabs{display:flex;gap:8px;margin-bottom:16px}.area-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 18px;font-weight:750}.area-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.pill.bar{background:#e5efff;color:#235b9f}.pill.kitchen{background:#fff0d5;color:#8a5c08}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.stats{grid-template-columns:repeat(2,1fr)}.area-tabs{overflow:auto}}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#edf1f6;padding:5px;border-radius:11px;margin:22px 0 8px}.login-tabs button{border:0;background:transparent;padding:10px;border-radius:8px;color:var(--muted);font-weight:750}.login-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #23344b18}.stats{grid-template-columns:repeat(5,1fr)}
.logo-circle{position:relative;overflow:hidden;border-radius:50%;background:#fff;border:3px solid var(--gold);box-shadow:0 5px 18px #071a3830;flex:0 0 auto}.logo-circle img{position:absolute;width:145%;height:145%;max-width:none;left:50%;top:44%;transform:translate(-50%,-50%);object-fit:cover}.login-logo{width:94px;height:94px;margin:0 auto 18px}.menu-logo{width:48px;height:48px;border-width:2px}