*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.7 "Segoe UI",system-ui,sans-serif;background:#eef1f5;color:#2b3440}
.duzen{display:flex;max-width:1120px;margin:0 auto;gap:32px;padding:26px 22px;align-items:flex-start}
aside{position:sticky;top:26px;flex:0 0 260px;background:#fff;border-radius:14px;
padding:24px;box-shadow:0 2px 14px rgba(30,40,60,.08)}
aside h1{font-size:23px;color:#12202f;margin-bottom:6px}
aside .rol{font-size:13px;color:#4338ca;font-weight:700;text-transform:uppercase;letter-spacing:1px}
aside nav{margin:18px 0;display:flex;flex-direction:column;gap:2px}
aside nav a{padding:9px 12px;border-radius:8px;color:#41505f;text-decoration:none;font-size:14px}
aside nav a:hover{background:#eef1f5;color:#4338ca}
.dugme{display:block;text-align:center;margin-top:14px;padding:14px;background:#4338ca;
color:#fff;text-decoration:none;font-weight:700;border-radius:9px}
main{flex:1;min-width:0}
.govde{background:#fff;border-radius:14px;padding:30px 34px;box-shadow:0 2px 14px rgba(30,40,60,.08)}
h2{font-size:25px;color:#12202f;margin:30px 0 14px}h2:first-child{margin-top:0}
h3{font-size:17px;color:#1b2a3a;margin-bottom:6px}p{margin-bottom:15px}
.grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:820px){.duzen{flex-direction:column}aside{position:static;width:100%;flex:none}.grid{grid-template-columns:1fr}}
.card{background:#f6f8fb;border-radius:10px;padding:18px}.card p{font-size:14px;margin:0;color:#546170}
.tbl{width:100%;border-collapse:collapse;margin:18px 0}
.tbl td,.tbl th{padding:12px 14px;border-bottom:1px solid #e4e9ef;text-align:left}
.tbl th{background:#f6f8fb;color:#12202f}
.sss details{border:1px solid #e4e9ef;border-radius:10px;margin-bottom:10px;padding:2px}
.sss summary{padding:14px;cursor:pointer;font-weight:600;color:#12202f}
.sss details p{padding:0 14px 14px;margin:0;color:#546170}
footer{max-width:1120px;margin:20px auto;padding:20px 22px;text-align:center;font-size:13px;color:#788595}