:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17283c;background:#f3f7fb}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:flex}aside{background:#102c42;color:#fff;padding:32px;width:260px;display:flex;flex-direction:column;gap:18px}aside h2{font-size:22px;margin:0 0 20px}nav{display:grid;gap:8px}button{border:0;border-radius:9px;background:transparent;color:inherit;padding:12px;text-align:left;cursor:pointer}button.selected,button:hover{background:#25566d}small{margin-top:auto;color:#b7cbd8}main{flex:1;padding:38px;max-width:1250px}header{display:flex;justify-content:space-between;color:#567185}header span{background:#d8f2e9;color:#14674d;padding:6px 14px;border-radius:30px}h1{font-size:38px;margin:36px 0 8px}main>p{color:#587085}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}article,section{background:#fff;padding:24px;border:1px solid #e0e8f0;border-radius:16px;box-shadow:0 5px 22px #18334b09}article label{font-size:13px;color:#5e7385}article h2{font-size:21px}article p,section p{color:#64798b;line-height:1.5}@media(max-width:800px){.layout{display:block}aside{width:auto;padding:20px}nav{display:flex;flex-wrap:wrap}small{display:none}main{padding:22px}.cards{grid-template-columns:1fr}}.table-wrap{overflow-x:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:670px}th,td{padding:12px;border-bottom:1px solid #e2eaf0;text-align:left}thead th{font-size:13px;color:#4c6578}input[type=number]{max-width:110px;padding:8px;border:1px solid #b6c8d6;border-radius:7px}select{padding:9px;border:1px solid #b6c8d6;border-radius:7px;margin:8px 0}.reset{background:#184b66;color:#fff;border-radius:9px;padding:11px 17px;margin-top:8px}.reset:hover{background:#256582}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}aside nav a{display:block;padding:12px;border-radius:9px;color:#fff;text-decoration:underline;text-underline-offset:3px}aside nav a:hover{background:#25566d}aside nav a:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}