*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#f0f4f8,#e8f1f8);background-color:#f0f4f8;color:#2c3e50;min-height:100vh}.app{min-height:100vh}.navbar{background:linear-gradient(135deg,#0038a8,#0055d4);background-color:#0038a8;color:#fff!important;padding:1.25rem 0;box-shadow:0 4px 12px #0038a840;border-bottom:3px solid #ffffff}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem}.nav-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.2);color:#fff!important}.nav-links{display:flex;list-style:none;gap:2rem;flex-wrap:wrap}.nav-links li{color:#fff!important}.nav-links a{color:#fff!important;text-decoration:none;transition:all .3s;padding:.5rem 1rem;border-radius:6px;font-weight:500}.nav-links a:hover{background-color:#ffffff26;transform:translateY(-2px)}.main-content{max-width:1400px;margin:2rem auto;padding:0 2rem}.page-title{font-size:2.5rem;margin-bottom:2rem;color:#0038a8;font-weight:700;text-shadow:1px 1px 2px rgba(0,56,168,.1)}.card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0038a814;border:1px solid rgba(0,56,168,.1);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0038a81f}.card-title{font-size:1.5rem;margin-bottom:1.5rem;color:#0038a8;font-weight:600;border-bottom:3px solid #0055d4;padding-bottom:.75rem}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.data-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;background-color:#fff}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #e8f1f8}.data-table td{color:#2c3e50;background-color:#fff}.data-table th{background:linear-gradient(135deg,#0038a8,#0055d4);color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f0f8ff}.data-table tbody tr:last-child td{border-bottom:none}button{font-family:inherit;cursor:pointer;transition:all .3s}button:hover{transform:translateY(-1px)}.loading{text-align:center;padding:4rem;font-size:1.25rem;color:#0055d4;font-weight:500}.error{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 12px #e74c3c4d}select{padding:.75rem 1rem;border:2px solid #0055d4;border-radius:8px;font-size:1rem;background-color:#fff;color:#0038a8;font-weight:500;cursor:pointer;transition:all .3s}select:hover{border-color:#0038a8;box-shadow:0 2px 8px #0038a826}select:focus{outline:none;border-color:#0038a8;box-shadow:0 0 0 3px #0055d433}.stat-card{background:linear-gradient(135deg,#f0f8ff,#fff);border-left:4px solid #0055d4;padding:1.5rem;border-radius:8px;transition:all .3s}.stat-card:hover{border-left-color:#0038a8;transform:translate(4px)}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-title{font-size:1.25rem;margin-bottom:.75rem}.nav-links{flex-direction:column;gap:.5rem}.nav-links a{padding:.6rem .8rem;font-size:.95rem;text-align:center}.main-content{margin:1rem auto;padding:0 1rem}.page-title{font-size:1.75rem;margin-bottom:1.5rem}.card{padding:1.25rem;margin-bottom:1.5rem}.card-title{font-size:1.25rem;margin-bottom:1rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1.25rem;padding:0 1.25rem}.data-table{min-width:100%;font-size:.85rem}.data-table th,.data-table td{padding:.6rem .4rem;font-size:.85rem;white-space:nowrap}.data-table th{font-size:.75rem}select{width:100%;font-size:.95rem;padding:.6rem .8rem}button{width:100%;padding:.75rem;font-size:.95rem}}@media (max-width: 480px){.nav-title{font-size:1.1rem}.page-title{font-size:1.5rem}.card{padding:1rem}.card-title{font-size:1.1rem}.data-table th,.data-table td{padding:.5rem .3rem;font-size:.8rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit}body{margin:0;min-width:320px;min-height:100vh;color:#2c3e50;background-color:#f0f4f8}