:root{color:#18231f;background:#f5f7f6;font-family:Inter,system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:0 auto;padding:32px 20px}header{color:#087f5b}section{background:#fff;border-radius:16px;margin-top:48px;padding:32px;box-shadow:0 8px 30px #1232}h1{margin-top:0}.orders{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0;display:grid}.summary-grid article{background:#fff;border:1px solid #dfe7e3;border-radius:12px;gap:6px;padding:14px;display:grid}.summary-grid strong{color:#087f5b;font-size:1.7rem}.summary-grid span{color:#5d6b66}.filters{background:#fff;border:1px solid #dfe7e3;border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;padding:14px;display:flex}.filters label{gap:6px;min-width:180px;display:grid}.filters label.wide{flex:280px}.filters input,.filters select{color:inherit;font:inherit;background:#fff;border:1px solid #bdcbc5;border-radius:8px;padding:9px}.filters span{color:#5d6b66}.orders article{border:1px solid #dfe7e3;border-radius:12px;padding:18px}.orders article header{color:inherit;justify-content:space-between;display:flex}.orders article header span{color:#087f5b;background:#e6fcf5;border-radius:999px;padding:4px 8px}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.complete-control{gap:8px;display:inline-flex}.complete-control input{width:82px;font:inherit;border:1px solid #bdcbc5;border-radius:8px;padding:9px}button{color:#fff;cursor:pointer;background:#087f5b;border:0;border-radius:8px;padding:9px 13px}button.secondary{color:#18231f;background:#eef4f1}button.danger{color:#c92a2a;background:#fff;border:1px solid #c92a2a}.exception-panel{gap:8px;margin-top:10px;display:flex}.error{color:#c92a2a}.login{gap:12px;max-width:420px;display:grid}.login input{font:inherit;border:1px solid #bdcbc5;border-radius:8px;padding:11px}