*{box-sizing:border-box}body{margin:0;background:#f1f7fc;color:#102e50;font-family:Tahoma,sans-serif;font-size:15px;line-height:1.9}aside{background:#0b2844;color:white;padding:24px;width:240px;position:fixed;right:0;top:0;bottom:0}aside a{display:block;color:white;padding:12px;text-decoration:none}main{margin-right:240px;padding:26px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.card{background:white;border:1px solid #dbe7f3;border-radius:14px;padding:22px;margin:18px 0;overflow:auto}.notice{background:#fff5d7;padding:12px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #c9d8e7;border-radius:7px;max-width:100%}label{display:block;margin:10px 0}input:not([type=checkbox]),select,textarea{width:100%}button{background:#087bf1;color:white;cursor:pointer}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:right;border-bottom:1px solid #e4edf5}a{color:#066bd8}.errors{color:#a52222}.success{color:#006c53}.login{max-width:520px;margin:60px auto;padding:24px}.context{max-width:300px}small{color:#526d89}@media(max-width:760px){aside{position:static;width:100%;padding:12px}aside a{display:inline-block}main{margin:0;padding:14px}.grid{grid-template-columns:1fr}header h1{font-size:22px}}

aside small{display:block;color:#b8d8f2} article{border-bottom:1px solid #dbe7f3;padding:12px 0}