*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f6fa;color:#1e293b;margin:0;display:flex;min-height:100vh}aside{background:#13243c;color:white;width:225px;flex:none;padding:24px 17px}aside h2{margin:0;font-size:25px}aside small{color:#abc0d8}nav{display:grid;gap:5px;margin-top:30px}nav a{color:#dde8f5;text-decoration:none;padding:12px;border-radius:8px}nav a:hover{background:#294763}main{width:100%;padding:30px;overflow:auto}header h1{margin:0 0 25px;font-size:27px}.panel{background:white;border:1px solid #e1e7f0;border-radius:12px;padding:25px;margin-bottom:18px;box-shadow:0 2px 8px #152b4610}.narrow{max-width:480px}label{display:block;font-weight:600;margin-bottom:15px}input,textarea{display:block;width:100%;border:1px solid #c7d3e0;border-radius:7px;padding:12px;margin-top:6px;font:inherit}button{background:#1769bd;border:0;color:white;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer}button:hover{background:#09529b}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}a{color:#1365b0}.stats{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:15px;margin-bottom:22px}.stats article{background:white;border:1px solid #e4e8ef;border-radius:12px;padding:25px}.stats strong{display:block;font-size:34px;color:#1769bd}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:400px;overflow:auto}.notice{padding:16px;border:1px solid #bfd8ee;background:#eaf4ff;border-radius:9px;margin-bottom:20px}.error{color:#a12727}@media(max-width:780px){body{display:block}aside{width:100%}nav{display:flex;flex-wrap:wrap;margin-top:15px}main{padding:15px}.stats{grid-template-columns:1fr}}