:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,sans-serif}body{min-width:320px;margin:0}button,select,input{font-family:inherit}*{box-sizing:border-box}body{color:#263449;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#153e75;flex-direction:column;width:245px;padding:25px 15px;display:flex}.sidebar h2{margin:10px 5px 5px;font-size:18px}.sidebar p{color:#c9d9ec;margin:0 5px 35px;font-size:12px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:14px;font-size:14px}.sidebar button:hover,.sidebar button.active{background:#2b68aa}.user{margin-top:auto;padding:15px;font-size:13px}.user small{color:#c9d9ec;margin-top:6px;display:block}.main{flex:1;min-width:0;padding:35px}.header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.header h1{color:#153e75;margin:0}.header p{color:#7c899b}.header select{background:#fff;border:1px solid #d7e0ed;border-radius:8px;padding:12px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card,.panel{background:#fff;border:1px solid #e4eaf2;border-radius:12px;padding:24px}.card p{color:#78869a;font-size:14px}.card h2{color:#153e75;font-size:28px}.panel{margin-top:25px;line-height:1.7}.panel h2{color:#153e75}@media (max-width:900px){.app{flex-direction:column}.sidebar{width:100%}.cards{grid-template-columns:repeat(2,1fr)}.main{padding:20px}.header{flex-wrap:wrap}}