:root{color-scheme:light;font-family:Arial,sans-serif;color:#183029;background:#f4f6f3}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccd7ce;padding-bottom:24px}.brand{font-weight:800;letter-spacing:1px}.brand span{display:block;font-weight:400;font-size:12px;margin-top:8px;color:#53665b}.notice{color:#53665b;font-size:14px}.columns{display:grid;grid-template-columns:320px 1fr;gap:32px}section{background:white;border:1px solid #dce3dd;border-radius:12px;padding:24px;margin:20px 0}h1{font-size:28px}h2{font-size:20px}form,label{display:grid;gap:8px}form{gap:16px}input{padding:11px;border:1px solid #bdcbbc;border-radius:6px;width:100%;font:inherit}button{cursor:pointer;background:#245743;color:white;border:0;border-radius:6px;padding:12px;font:inherit}button:disabled{opacity:.5;cursor:wait}button:hover{background:#173e2f}.supplier{display:block;text-align:left;width:100%;margin:10px 0}small{display:block;font-size:12px;margin-top:8px}li{padding:12px 0}.login{max-width:450px;margin:60px auto}.error{background:#ffe9e2;color:#8d2717;padding:16px;border-radius:6px}.badge{color:#53665b}.task{border-bottom:1px solid #dce3dd;padding:16px 0;margin-bottom:20px}@media (max-width:760px){main{padding:16px}.columns{grid-template-columns:1fr}}