body{margin:0;background:#f5f7fb;font-family:Arial;color:#202434}aside{position:fixed;left:0;top:0;bottom:0;width:230px;background:#15243b;color:#fff;padding:25px;box-sizing:border-box}aside a{display:block;color:#fff;text-decoration:none;padding:13px 0;border-bottom:1px solid #ffffff22}main{margin-left:230px;padding:30px}.login{max-width:380px;margin:90px auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 12px 35px #0001}.login input,.login button,input,select,textarea{width:100%;padding:12px;margin:7px 0 15px;border:1px solid #d7dde8;border-radius:8px;box-sizing:border-box}button{background:#3f3f3f;color:#fff;border:0;border-radius:8px;padding:11px 18px;cursor:pointer;width:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards div,.box,table{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0001;padding:20px;margin-bottom:25px}.cards b{font-size:36px;display:block}.cards span{color:#667}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #eef1f5;text-align:left;vertical-align:top}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/3}.ok{background:#e8fff0;padding:12px;border-radius:8px}.err{color:red}@media(max-width:800px){aside{position:static;width:auto}main{margin:0}.grid,.cards{grid-template-columns:1fr}.wide{grid-column:auto}}