*{box-sizing:border-box}body{margin:0;font:16px system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f4f6fa;color:#1e293b}.wrap{max-width:1000px;margin:50px auto;padding:0 20px}header{border-bottom:1px solid #dce3ea;padding-bottom:12px}header h1{margin:0;color:#2563eb}header p{margin:5px 0 0;color:#667085}h2{margin-top:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.cards article,.login{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:22px;box-shadow:0 4px 18px #102a4310}.cards article h3{margin-top:0}.cards span{font-size:13px;color:#667085}.login{max-width:440px}.login label{display:block;font-weight:600;margin:14px 0}.login input{display:block;width:100%;padding:12px;border:1px solid #b9c5d2;border-radius:7px;margin-top:8px;font:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:15px}button{padding:11px 19px;border:0;border-radius:7px;color:white;background:#2563eb;cursor:pointer;font:inherit}.note{background:#e8efff;padding:16px;border-radius:8px}.error{color:#a31919}footer{margin-top:40px;border-top:1px solid #dce3ea;padding:15px 0;color:#667085;font-size:13px}
.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.filters label{display:flex;flex-direction:column;gap:5px;font-size:13px}.filters input,.filters select{border:1px solid #cbd5e1;border-radius:6px;padding:9px;background:#fff}.orders{border-collapse:collapse;width:100%;font-size:13px}.orders th,.orders td{padding:9px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap}.orders th{background:#e7eefb}