.app-header{display:flex;flex-direction:column;background:linear-gradient(180deg,#12243d,#172f4e);color:#f8fafc;border-bottom:1px solid #28486f;box-shadow:0 8px 20px #0f172a29}.app-header__top{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem}.app-header__title{margin:0;font-size:1.02rem;letter-spacing:.01em;font-weight:600;color:#fff}.app-header__profile-btn{width:2.25rem;height:2.25rem;border:1px solid #3f5f87;border-radius:50%;background-color:#ffffff14;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-header__profile-btn:hover{background-color:#ffffff29}.app-header__profile-icon{font-size:1.05rem;line-height:1}.app-header__nav{display:flex;gap:0;padding:0;margin:0;border-top:1px solid #28486f}.app-header__nav-btn{flex:1;padding:12px 16px;background:transparent;border:none;border-right:1px solid #28486f;color:#f8fafc;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s ease}.app-header__nav-btn:last-child{border-right:none}.app-header__nav-btn:hover{background:#ffffff1a}.app-header__nav-btn--active{background:#fff3;border-bottom:3px solid #ffc107}.topnav select,.topnav input[type=date]{margin-left:6px;padding:6px}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.topnav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f4c81;color:#fff}.topnav .brand{font-weight:700}.topnav .controls label{margin-left:12px;color:#fff}.topnav select{margin-left:6px;padding:6px}.content{padding:12px}.table-wrapper{overflow:auto;border:1px solid #ddd;padding:8px;background:#fff}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border:1px solid #ddd;padding:6px;white-space:nowrap}.loading{padding:24px}