:root{color-scheme:light;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:32px 20px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{color:#63708a;font-size:13px;margin:0 0 6px}h1{margin:0;font-size:30px}.login{max-width:420px;margin:12vh auto;background:white;padding:32px;border-radius:18px;box-shadow:0 8px 30px #17203312}.field{display:grid;grid-gap:7px;gap:7px;margin:16px 0}.field label{font-size:14px;color:#63708a}input{width:100%;padding:11px 12px;border:1px solid #d7ddea;border-radius:9px}button{border:0;border-radius:9px;padding:11px 16px;background:#315efb;color:white;cursor:pointer}button.secondary{background:#e8edff;color:#3151ba}.error{color:#bb2e3e;font-size:14px}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:12px;gap:12px;align-items:end;background:white;padding:18px;border-radius:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:18px 0}.card{background:white;padding:18px;border-radius:14px}.card span{color:#63708a;font-size:13px}.card strong{display:block;margin-top:8px;font-size:23px}.table-wrap{overflow-x:auto;background:white;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}td,th{text-align:left;padding:13px 16px;border-bottom:1px solid #edf0f6}th{color:#63708a;font-size:13px}.tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#edf0f6}.tag.necessary{color:#087443;background:#e3f8ed}.tag.unnecessary{color:#a33b14;background:#fff0e8}@media (max-width:800px){.cards,.filters{grid-template-columns:1fr 1fr}.header{align-items:flex-start;flex-direction:column}}