body{background:#f5f6f5;font-family:Poppins,sans-serif;margin:0;padding:0}header{background:linear-gradient(135deg,#003087,#001f54);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#fff;padding:15px 25px}.header-content{align-items:center;display:flex;justify-content:space-between}.logo-container{gap:10px}.logo,.logo-container{align-items:center;display:flex}.logo{background:#fff;border-radius:50%;height:40px;justify-content:center;width:40px}.logo img{width:25px}.profile-details{align-items:center;display:flex;gap:15px}.profile-avatar{align-items:center;background:gold;border-radius:50%;color:#003087;display:flex;font-size:18px;font-weight:500;height:35px;justify-content:center;width:35px}.profile-info{text-align:left}.profile-info span{display:block;font-size:14px}.profile-info .name{font-size:16px;font-weight:600}.btn-logout{background:#fff;border-radius:20px;color:#003087;font-weight:500;padding:6px 16px;transition:all .3s ease}.btn-logout:hover{background:#b71c1c;color:#fff}.btn-signin{background:#fff;border-radius:20px;color:#003087;font-weight:500;padding:6px 16px;transition:all .3s ease}.btn-signin:hover{background:#b71c1c;color:#fff}.notification-bar{background:gold;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#003087;overflow:hidden;padding:10px 25px;white-space:nowrap}.notification-text{animation:marquee 20s linear infinite;display:inline-block}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.main-content{display:flex;gap:20px;height:calc(100vh - 180px);padding:20px}.left-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow-y:auto;padding:20px;width:50%}.left-section img{border-radius:10px;margin-bottom:15px;width:100%}.left-section p{color:#333;line-height:1.6}.right-section{display:flex;flex-direction:column;gap:20px;width:50%}.top-grid{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:15px}.grid-item-small{text-align:center}.grid-item-small img{height:40px;margin-bottom:5px;width:40px}.grid-item-small div{color:#333;font-size:14px;font-weight:500}.bottom-table{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);flex-grow:1;overflow-y:auto;padding:15px}.table{margin-bottom:0;width:100%}.table th{background:#003087;color:#fff;font-weight:500}.table td{vertical-align:middle}.bottom-table::-webkit-scrollbar,.left-section::-webkit-scrollbar{width:6px}.bottom-table::-webkit-scrollbar-thumb,.left-section::-webkit-scrollbar-thumb{background:#003087;border-radius:10px}footer{background:linear-gradient(135deg,#003087,#001f54);bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);color:#fff;padding:15px 25px;position:fixed;width:100%}footer a{color:gold;margin-left:15px;transition:transform .3s ease}footer a:hover{transform:scale(1.2)}