*{box-sizing:border-box}body{margin:0;background:#f2f6f7;color:#183348;font:15px system-ui,Arial}a{color:#087e73}.layout{display:flex;min-height:100vh}aside{width:255px;background:#102b40;padding:24px;color:white;flex-shrink:0}aside a{display:block;color:#dfedee;text-decoration:none;padding:11px;border-radius:7px}aside a:hover{background:#214a58}aside p{color:#79b8ad}.main{padding:25px;flex:1;min-width:0}header{padding:22px;background:linear-gradient(115deg,#0c4650,#119278);color:white;border-radius:14px;display:flex;justify-content:space-between}.panel,article{background:white;border:1px solid #dae5e6;border-radius:12px;padding:23px;margin:18px 0;overflow-x:auto}.narrow{max-width:540px;margin:35px auto}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}article h2{font-size:20px}small{color:#618087}label{display:block;margin:12px 0}input,select,button{display:block;width:100%;padding:11px;border:1px solid #ccd9dd;border-radius:7px;background:white;font:inherit;margin-top:5px}button{background:#087e73;color:white;border:0;font-weight:bold;cursor:pointer;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:600px}td,th{padding:9px;border-bottom:1px solid #e8eeee;text-align:left}th{background:#eff6f6}.inline select{max-width:380px}.error{color:#b01e38;background:#fff0f2;padding:12px;border-radius:7px}.success{color:#07663a;background:#e5f8ef;padding:12px;border-radius:7px}@media(max-width:920px){aside{width:180px;padding:12px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:630px){.layout{display:block}aside{width:100%}aside a{display:inline-block}.main{padding:12px}.cards{grid-template-columns:1fr 1fr}}