:root{--deep-navy: #03245D;--dark-blue: #0A2F73;--bright-orange: #FF7A00;--orange-red: #FF4D00;--deep-red: #FF1E00;--white: #FFFFFF;--black: #000000;--gray-light: #F8FAFE;--gray-border: #E9EDF2;--success-green: #10B981;--card-shadow: 0 20px 35px -12px rgba(3, 36, 93, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;color:#0a2f73;line-height:1.5;scroll-behavior:smooth;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.75rem;border-radius:60px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.2,.9,.4,1.1);cursor:pointer;border:none;text-decoration:none}.btn-primary{background:linear-gradient(95deg,var(--bright-orange) 0%,var(--orange-red) 100%);color:#fff;box-shadow:0 8px 18px #ff4d0033}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 26px #ff4d004d;background:linear-gradient(95deg,#ff8c1a,#ff3a00)}.btn-outline{background:transparent;border:1.5px solid var(--dark-blue);color:var(--dark-blue)}.btn-outline:hover{background:#0a2f730d;border-color:var(--deep-navy);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--deep-navy);box-shadow:0 2px 8px #00000008;border:1px solid var(--gray-border)}.btn-light:hover{background:#f5f7fe;transform:translateY(-2px)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background:#fff;border-radius:28px;max-width:450px;width:90%;padding:30px;text-align:center;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{font-size:60px;margin-bottom:20px}.modal-icon.success{color:var(--success-green)}.modal-icon.warning{color:var(--orange-red)}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-btn{padding:12px 24px;border-radius:40px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.modal-btn-primary{background:linear-gradient(95deg,var(--bright-orange),var(--orange-red));color:#fff}.modal-btn-secondary{background:#f0f2f5;color:#5a6e8a}.modal-btn-primary:hover,.modal-btn-secondary:hover{transform:translateY(-2px)}.btn-full-width{width:100%}.btn-loading{opacity:.8;cursor:not-allowed}.input-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-group{margin-bottom:24px}.input-label{display:block;font-weight:600;font-size:.85rem;color:var(--deep-navy)}.input-field{width:100%;padding:14px 18px;font-size:1rem;border:1.5px solid var(--gray-border);border-radius:20px;background:var(--white);transition:all .2s ease;font-family:inherit;outline:none}.input-field:focus{border-color:var(--bright-orange);box-shadow:0 0 0 3px #ff7a0026}.input-error{border-color:var(--deep-red)!important}.input-error-msg{color:var(--deep-red);font-size:.8rem;margin-top:6px}.ui-card{background:#fff;padding:24px;border-radius:24px;box-shadow:0 4px 20px #03245d0d;border:1px solid var(--gray-border);margin-bottom:20px}.ui-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--bright-orange)}.ui-card-header h3{font-size:18px;font-weight:700;color:var(--deep-navy)}.ui-stat-card{background:#fff;padding:22px;border-radius:20px;box-shadow:0 4px 20px #03245d0f;display:flex;align-items:center;gap:18px;transition:transform .2s,box-shadow .2s;border:1px solid var(--gray-border)}.ui-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #03245d1f}.ui-stat-card-icon{width:55px;height:55px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.ui-stat-card-icon.blue{background:linear-gradient(135deg,var(--deep-navy),var(--dark-blue))}.ui-stat-card-icon.cyan{background:linear-gradient(135deg,var(--bright-orange),var(--orange-red))}.ui-stat-card-icon.orange{background:linear-gradient(135deg,#ff9f3d,#ff6a00)}.ui-stat-card-icon.red{background:linear-gradient(135deg,var(--deep-red),#D91600)}.ui-stat-card h3{font-size:13px;color:#6b7a8f;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.ui-stat-card h2{font-size:32px;font-weight:700;color:var(--deep-navy)}.ui-badge{padding:5px 12px;border-radius:30px;font-size:12px;font-weight:600;display:inline-block}.ui-badge-success,.ui-badge-active{background:#e6f9ef;color:var(--success-green)}.ui-badge-fail,.ui-badge-failed{background:#fff2f0;color:var(--deep-red)}.ui-badge-warning,.ui-badge-pending{background:#fff8f0;color:var(--bright-orange)}.ui-badge-info{background:#e9eff8;color:var(--dark-blue)}.ui-table-box{background:#fff;padding:22px;border-radius:20px;box-shadow:0 4px 20px #03245d0d;border:1px solid var(--gray-border);margin-bottom:25px}.ui-table-box h3{font-size:18px;font-weight:700;color:var(--deep-navy);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--bright-orange);display:inline-block}.ui-table-responsive{overflow-x:auto}.ui-table-responsive table{width:100%;border-collapse:collapse;min-width:600px}.ui-table-responsive th{text-align:left;padding:14px 12px;background:#f8fafe;color:var(--deep-navy);font-weight:600;font-size:13px;border-bottom:2px solid var(--gray-border)}.ui-table-responsive td{padding:14px 12px;border-bottom:1px solid var(--gray-border);color:#2c3e66;font-size:14px}.ui-chart-box{background:#fff;padding:22px;border-radius:20px;box-shadow:0 4px 20px #03245d0d;border:1px solid var(--gray-border);margin-bottom:20px}.ui-chart-box-title{font-size:18px;font-weight:700;color:var(--deep-navy);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--bright-orange);display:inline-block}.ui-chart{height:260px;background:linear-gradient(to top,#fff8f0,#fff);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid var(--gray-border);padding:10px}.ui-chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:180px;width:100%;padding:0 5px}.ui-bar-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.ui-bar{width:100%;max-width:45px;background:linear-gradient(180deg,var(--bright-orange),var(--orange-red));border-radius:10px 10px 6px 6px;transition:height .3s;min-width:30px}.ui-bar-value{font-size:10px;font-weight:600;color:var(--bright-orange)}.ui-bar-label{font-size:10px;color:#5a6e8a;font-weight:500}.ui-chart-note{margin-top:12px;font-size:11px;color:#8a99b0;text-align:center}