.admin-login{background:#f3efe6;place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#fff;border:1px solid #d9ddd7;width:min(430px,100%);padding:40px;box-shadow:0 25px 60px #173b3417}.login-card>.brand{margin-bottom:55px}.login-card h1{text-align:left;margin:12px 0;font-size:48px}.login-card p{color:#68746f;font-size:13px}.login-card form{gap:18px;margin:30px 0;display:grid}.login-card label{gap:8px;font-size:11px;font-weight:800;display:grid}.login-card input{border:1px solid #c9d0ca;padding:14px}.login-card small{color:#87918c;font-size:9px}.admin-app{background:#f5f6f2;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin-app aside{color:#fff;background:#102f2a;flex-direction:column;padding:28px 22px;display:flex}.admin-app aside .brand-mark{border-color:#f0d38f}.admin-app aside nav{gap:7px;margin-top:70px;display:grid}.admin-app aside nav button{color:#a9bbb5;text-align:left;background:0 0;border:0;border-radius:4px;padding:13px;font-size:12px}.admin-app aside nav button.active{color:#fff;background:#284b44}.admin-app aside form{margin-top:auto}.admin-app aside form button{color:#9cb0aa;cursor:pointer;background:0 0;border:0}.admin-app main{max-width:1400px;padding:38px 45px}.admin-app header{justify-content:space-between;align-items:center;display:flex}.admin-app header small{color:#bd5c40;letter-spacing:.12em;font-size:9px;font-weight:900}.admin-app header h1{text-align:left;margin:7px 0;font-size:37px}.live{text-transform:uppercase;letter-spacing:.08em;color:#347258;background:#dcece3;border-radius:20px;padding:7px 11px;font-size:9px}.live.demo{color:#90691c;background:#f6e8c9}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0;display:grid}.admin-stats article{background:#fff;border:1px solid #dfe4de;flex-direction:column;padding:18px;display:flex}.admin-stats span{color:#7a8882;font-size:9px;font-weight:800}.admin-stats strong{font-family:var(--font-serif);margin-top:8px;font-size:33px}.queue{background:#fff;border:1px solid #dfe4de}.queue-head{border-bottom:1px solid #e5e9e4;justify-content:space-between;padding:20px;display:flex}.queue-head h2{margin:0;font-size:15px}.queue-head span{color:#7a8882;font-size:10px}.queue>article{border-bottom:1px solid #edf0ec;grid-template-columns:38px 1.8fr 1fr .6fr .7fr 30px;align-items:center;gap:15px;padding:17px 20px;display:grid}.company-initial{color:#35644f;background:#e6eee8;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.queue h3{margin:0 0 5px;font-size:12px}.queue p{color:#6d7a75;margin:0;font-size:10px}.queue small{color:#98a29e;font-size:8px;font-weight:800}.status{text-transform:uppercase;letter-spacing:.06em;color:#946e22;font-size:8px;font-weight:900}.status.new{color:#b14f3c}.status.delivered{color:#347258}.queue button{background:#f0f3ef;border:0;width:28px;height:28px}.empty{padding:30px}.ops-note{background:#fff8e7;border-left:3px solid #d4a345;margin-top:18px;padding:18px 22px}.ops-note strong{font-size:11px}.ops-note p{color:#6d756f;margin:6px 0 0;font-size:10px;line-height:1.6}@media (max-width:850px){.admin-app{grid-template-columns:1fr}.admin-app aside{display:none}.admin-app main{padding:25px 15px}.admin-stats{grid-template-columns:1fr 1fr}.queue>article{grid-template-columns:38px 1fr auto}.queue>article>div:nth-of-type(n+3),.queue>article>button{display:none}}
