*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f7fc;color:#17223a}.layout{display:flex;min-height:100vh}aside{width:250px;background:#fff;border-left:1px solid #e5e9f1;padding:20px;display:flex;flex-direction:column;gap:7px}.brand{font-size:22px;padding:12px 8px 25px}.brand small{display:block;color:#8a94a8;font-size:12px;margin-top:5px}.nav{background:transparent;color:#59657c;text-align:right;width:100%;border-radius:11px}.nav.active,.nav:hover{background:#edf0ff;color:#4659d8}.sidebottom{margin-top:auto;color:#9aa3b5;font-size:12px}.sidebottom a{display:block;margin-top:10px;color:#4659d8;text-decoration:none}main{flex:1;padding:28px 35px;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top span{color:#8a94a8;font-size:13px}.top h1{margin:5px 0;font-size:28px}.adminbox{background:#fff;padding:10px 15px;border-radius:13px;border:1px solid #e4e8f1}.adminbox small{color:#28a56b}.page{display:none}.page.show{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats>div{background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:20px;color:#69758b}.stats strong{display:block;color:#17223a;font-size:20px;margin-top:10px}.box{background:#fff;border:1px solid #e5e9f1;border-radius:18px;padding:22px;overflow:auto}.box h2{margin-top:0}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{flex:1}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:14px;border-bottom:1px solid #edf0f5;text-align:right}th{color:#7c879b;font-size:13px}td button{padding:7px 12px;background:#eef1ff;color:#4659d8}i{font-style:normal;background:#e9f8f0;color:#188b58;padding:5px 9px;border-radius:20px;font-size:12px}.wait{background:#fff3d9;color:#ad7810}.primary{margin-bottom:18px;background:#4659d8}.chart{height:220px;display:flex;align-items:end;gap:25px;padding:20px}.chart span{display:block;flex:1;background:#6878df;border-radius:8px 8px 0 0;max-width:70px}label{display:block;margin:18px 0;color:#68748a}label input{display:block;width:100%;margin-top:8px}@media(max-width:800px){aside{width:72px;padding:10px}.brand{font-size:0;text-align:center}.brand:first-letter{font-size:25px}.brand small{display:none}.nav{font-size:0;text-align:center;padding:14px}.nav::first-letter{font-size:20px}main{padding:18px}.stats{grid-template-columns:1fr 1fr}.top{align-items:flex-start}.adminbox{display:none}.toolbar{flex-direction:column}}