*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--teal:#00695c;--teal-dark:#004d40;--teal-deep:#00352c;--teal-mid:#00897b;--teal-lt:#e0f2f1;--teal-pale:#f0faf9;--gold:#f9a825;--gold-lt:#fffde7;--accent:#e65100;--text:#1a1a2e;--text-mid:#37474f;--text-muted:#607d8b;--border:#dee2e6;--border-lt:#eceff1;--bg:#f4f6f9;--white:#fff;--error:#c62828;--success:#2e7d32;--warn-bg:#fff8e1;--warn-border:#ffe082;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--hdr-h:56px;--banner-h:72px;--tab-h:48px;--transition:all .18s ease}body{-webkit-font-smoothing:antialiased;background:#f4f6f9;background:var(--bg);color:#1a1a2e;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;line-height:1.55;min-height:100vh}.loading-screen{align-items:center;color:#00695c;color:var(--teal);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #e0f2f1;border-top-color:#00695c;border:3px solid var(--teal-lt);border-radius:50%;border-top-color:var(--teal);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.employee-portal{background:#f4f6f9;background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#004d40,#00695c);background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal) 100%);border-bottom:3px solid #f9a825;border-bottom:3px solid var(--gold);box-shadow:0 2px 12px #004d4040;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{border-bottom:1px solid #ffffff1f;height:56px;height:var(--hdr-h);justify-content:space-between;padding:0 24px}.header-brand,.header-top{align-items:center;display:flex}.header-brand{gap:10px}.header-brand-text{display:flex;flex-direction:column}.header-brand-text .brand-main{font-size:13px;font-weight:700;letter-spacing:.4px;line-height:1.2}.header-brand-text .brand-sub{font-size:10px;letter-spacing:.2px;opacity:.75}.header-actions{align-items:center;display:flex;gap:10px}.header-user{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:12px;opacity:.85;padding:5px 10px}.nav-logo-tg{width:32px}.nav-logo-rising,.nav-logo-tg{background:#0000;filter:brightness(0) invert(1);flex-shrink:0;height:32px;object-fit:contain;opacity:.9}.nav-logo-rising{width:26px}.header-banner{gap:16px;justify-content:space-between;min-height:72px;min-height:var(--banner-h);padding:10px 24px}.banner-logo,.header-banner{align-items:center;display:flex}.banner-logo{background:#0000;flex-shrink:0}.banner-logo img{background:#0000;display:block;object-fit:contain}.banner-logo-tg{width:52px}.banner-logo-rising,.banner-logo-tg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));height:52px}.banner-logo-rising{width:44px}.banner-title{flex:1 1;padding:0 8px;text-align:center}.banner-title h1{color:#fff;font-size:15px;font-weight:800;letter-spacing:.6px;line-height:1.3;text-shadow:0 1px 3px #0003}.banner-title p{font-size:10.5px;letter-spacing:.2px;margin-top:3px;opacity:.8}.status-strip{align-items:center;background:#00000026;border-top:1px solid #ffffff1a;color:#ffffffe6;display:flex;font-size:12px;justify-content:space-between;padding:5px 24px}.tab-bar{align-items:stretch;background:#fff;background:var(--white);border-bottom:2px solid #eceff1;border-bottom:2px solid var(--border-lt);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;height:48px;height:var(--tab-h);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#607d8b;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:500;gap:7px;margin-bottom:-2px;padding:0 18px;transition:all .18s ease;transition:var(--transition);white-space:nowrap}.tab-btn:hover{background:#f0faf9;background:var(--teal-pale)}.tab-btn.active,.tab-btn:hover{color:#00695c;color:var(--teal)}.tab-btn.active{border-bottom-color:#00695c;border-bottom-color:var(--teal);font-weight:600}.step-badge{align-items:center;background:#dee2e6;background:var(--border);border-radius:50%;color:#607d8b;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;transition:all .18s ease;transition:var(--transition);width:20px}.tab-btn.active .step-badge{background:#00695c;background:var(--teal);color:#fff}.btn-nav{align-items:center;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;gap:5px;padding:5px 13px;transition:all .18s ease;transition:var(--transition);white-space:nowrap}.btn-nav:hover{background:#ffffff38;border-color:#fff6}.btn-nav.danger{border-color:#ff787866}.btn-nav.danger:hover{background:#c6282859}.btn-nav:disabled{cursor:not-allowed;opacity:.5}.section-content{contain:layout;flex:1 1}.page-container{animation:fadeIn .15s ease;margin:0 auto;max-width:920px;min-height:calc(100vh - 236px);min-height:calc(100vh - var(--hdr-h) - var(--banner-h) - var(--tab-h) - 60px);padding:20px 16px 32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;background:var(--white);border:1px solid #eceff1;border:1px solid var(--border-lt);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:18px;padding:22px 24px;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:2px solid #e0f2f1;border-bottom:2px solid var(--teal-lt);display:flex;gap:12px;margin-bottom:20px;padding-bottom:14px}.card-header h2{color:#004d40;color:var(--teal-dark);font-size:15px;font-weight:700;letter-spacing:.2px}.section-icon{align-items:center;background:#e0f2f1;background:var(--teal-lt);border-radius:8px;display:flex;flex-shrink:0;font-size:17px;height:34px;justify-content:center;width:34px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr 1fr}@media(max-width:640px){.form-grid,.form-grid.three{grid-template-columns:1fr}.form-group.span2{grid-column:span 1}}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.span2{grid-column:span 2}label{color:#607d8b;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.required{color:#c62828;color:var(--error);margin-left:2px}input,select,textarea{background:#fff;background:var(--white);border:1.5px solid #dee2e6;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#1a1a2e;color:var(--text);font-family:inherit;font-size:14px;line-height:1.4;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#00695c;border-color:var(--teal);box-shadow:0 0 0 3px #00695c1a;outline:none}input.error,select.error{border-color:#c62828;border-color:var(--error)}.field-error{color:#c62828;color:var(--error);font-size:11px;margin-top:2px}textarea{min-height:80px;resize:vertical}select{-webkit-appearance:auto;appearance:auto;cursor:pointer}input:disabled,select:disabled{background:#f8f9fa;color:#607d8b;color:var(--text-muted);cursor:not-allowed;opacity:.7}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-option{align-items:center;background:#fff;background:var(--white);border:1.5px solid #dee2e6;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:13.5px;gap:7px;padding:7px 14px;transition:all .18s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.radio-option:hover{background:#f0faf9;background:var(--teal-pale)}.radio-option.selected,.radio-option:hover{border-color:#00695c;border-color:var(--teal)}.radio-option.selected{background:#e0f2f1;background:var(--teal-lt);color:#004d40;color:var(--teal-dark);font-weight:600}.radio-option input{display:none}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:7px;padding:9px 20px;transition:all .18s ease;transition:var(--transition);white-space:nowrap}.btn-primary{background:#00695c;background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:#004d40;background:var(--teal-dark);box-shadow:0 4px 12px #00695c4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background:#fff;background:var(--white);border:1.5px solid #00695c;border:1.5px solid var(--teal);color:#00695c;color:var(--teal)}.btn-secondary:hover:not(:disabled){background:#e0f2f1;background:var(--teal-lt)}.btn-sm{font-size:12.5px;padding:6px 14px}.btn-full{justify-content:center;width:100%}.action-bar{border-top:1px solid #eceff1;border-top:1px solid var(--border-lt);flex-wrap:wrap;gap:12px;margin-top:4px;padding:14px 0 4px}.action-bar,.status-bar{align-items:center;display:flex;justify-content:space-between}.status-bar{background:#fff;background:var(--white);border-bottom:1px solid #eceff1;border-bottom:1px solid var(--border-lt);color:#607d8b;color:var(--text-muted);font-size:12px;padding:7px 24px}.badge.draft{background:#fff3e0;color:#e65100}.badge.draft,.badge.submitted{border-radius:20px;font-size:11px;font-weight:700;padding:2px 10px}.badge.submitted{background:#e0f2f1;background:var(--teal-lt);color:#004d40;color:var(--teal-dark)}.file-upload-area{background:#fafbfc;border:2px dashed #dee2e6;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:block;padding:22px 16px;text-align:center;transition:all .18s ease;transition:var(--transition)}.file-upload-area:hover{background:#f0faf9;background:var(--teal-pale);border-color:#00695c;border-color:var(--teal)}.file-upload-area.has-file{background:#f1f8e9;border-color:#2e7d32;border-color:var(--success);border-style:solid}.upload-icon{font-size:28px;margin-bottom:8px}.upload-text{color:#607d8b;color:var(--text-muted);font-size:13px}.upload-text strong{color:#00695c;color:var(--teal);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.upload-filename{color:#2e7d32;color:var(--success);font-size:12px;font-weight:600;margin-top:6px}.calc-display{align-items:center;background:#e0f2f1;background:var(--teal-lt);border:1px solid #80cbc4;border-radius:8px;border-radius:var(--radius);color:#004d40;color:var(--teal-dark);display:flex;font-size:13.5px;font-weight:600;min-height:40px;padding:9px 12px}.autofill-note{color:#00695c;color:var(--teal);display:block;font-size:11px;font-style:italic;margin-top:4px}.sect-divider{border-bottom:1px solid #f0f0f0;padding:14px 0}.sect-divider:last-child{border-bottom:none}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:640px){.preview-grid{grid-template-columns:1fr}}.preview-field{display:flex;flex-direction:column;gap:2px}.preview-field label{color:#607d8b;color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.preview-field span{color:#1a1a2e;color:var(--text);font-size:13.5px;font-weight:500}.login-page{background:linear-gradient(140deg,#004d40,#00695c 55%,#00897b);display:flex;min-height:100vh}.login-left{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;position:relative}.login-left:after{background:#ffffff26;bottom:10%;content:"";position:absolute;right:0;top:10%;width:1px}.login-logos{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:28px}.login-emblem{width:88px}.login-emblem,.login-rising{background:#0000;filter:drop-shadow(0 3px 10px rgba(0,0,0,.22));height:88px;object-fit:contain}.login-rising{width:72px}.login-left h1{font-size:22px;font-weight:800;letter-spacing:.3px;line-height:1.3;margin-bottom:10px;text-align:center}.login-left p{font-size:13.5px;line-height:1.6;max-width:300px;opacity:.82;text-align:center}.login-right{align-items:center;background:#fff;background:var(--white);box-shadow:-8px 0 32px #00000026;display:flex;justify-content:center;padding:40px;width:420px}@media(max-width:768px){.login-page{flex-direction:column}.login-left{min-height:40vh;padding:32px 24px}.login-left:after{display:none}.login-right{box-shadow:none;padding:28px 24px;width:100%}.login-emblem,.login-rising{height:64px;width:64px}}.login-box{max-width:320px;width:100%}.login-box h2{color:#004d40;color:var(--teal-dark);font-size:21px;font-weight:700;margin-bottom:6px}.login-error-box{align-items:flex-start;animation:shakeError .35s ease;background:#ffebee;border:1.5px solid #ef9a9a;border-left:4px solid #c62828;border-radius:8px;color:#b71c1c;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:18px;padding:11px 14px}.login-error-icon{flex-shrink:0;font-size:16px;margin-top:1px}@keyframes shakeError{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.login-box p{color:#607d8b;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:26px}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:40px}.input-icon{font-size:15px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-icon,.login-footer{color:#607d8b;color:var(--text-muted)}.login-footer{font-size:12px;line-height:1.7;margin-top:22px;text-align:center}.changepwd-page{align-items:center;background:linear-gradient(140deg,#004d40,#00695c 55%,#00897b);display:flex;justify-content:center;min-height:100vh;padding:16px}.changepwd-box{background:#fff;border-radius:16px;box-shadow:0 8px 40px #0003;max-width:440px;padding:40px;width:100%}#screen-admin{background:#f0f4f8;display:block;min-height:100vh}.admin-navbar{align-items:center;background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 2px 12px #00000040;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.admin-navbar-brand{align-items:center;display:flex;gap:12px}.admin-badge{background:#c62828;border-radius:20px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.admin-layout{display:flex;min-height:calc(100vh - 60px)}.admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:calc(100vh - 60px);overflow-y:auto;padding:16px 0;position:-webkit-sticky;position:sticky;top:60px;width:220px}.admin-sidebar-section{color:#9e9e9e;font-size:10px;font-weight:700;letter-spacing:.8px;padding:14px 20px 4px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#424242;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:9px 20px;text-align:left;transition:all .15s;width:100%}.sidebar-item.active,.sidebar-item:hover{background:#e8eaf6;color:#1a237e}.sidebar-item.active{border-left-color:#1a237e;font-weight:600}.si-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.admin-main{flex:1 1;min-width:0;overflow-x:auto;padding:24px}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border-left:4px solid #1a237e;border-radius:10px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:18px 20px}.stat-value{color:#1a237e;font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:#757575;font-size:12px;font-weight:500;margin-top:2px}.stat-card.green{border-left-color:#2e7d32}.stat-card.green .stat-value{color:#2e7d32}.stat-card.orange{border-left-color:#e65100}.stat-card.orange .stat-value{color:#e65100}.admin-table-wrap{background:#fff;border:1px solid #eceff1;border:1px solid var(--border-lt);border-radius:10px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.admin-table-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.admin-table-header h3{color:#1a237e;font-size:15px;font-weight:700;margin:0}.admin-table-scroll{overflow-x:auto}table.atable{border-collapse:collapse;font-size:13px;min-width:600px;width:100%}table.atable th{background:#1a237e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:10px 14px;text-align:left;white-space:nowrap}table.atable td{border-bottom:1px solid #f0f0f0;color:#333;padding:10px 14px;vertical-align:middle}table.atable tr:hover td{background:#f5f5f5}table.atable tr:last-child td{border-bottom:none}.badge-status{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.badge-status.submitted{background:#e8f5e9;color:#2e7d32}.badge-status.draft{background:#fff3e0;color:#e65100}.badge-status.pending{background:#e8eaf6;color:#1a237e}.btn-admin{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:6px 13px;transition:all .18s ease;transition:var(--transition)}.btn-admin.primary{background:#1a237e;color:#fff}.btn-admin.primary:hover{background:#0d1561}.btn-admin.success{background:#2e7d32;color:#fff}.btn-admin.success:hover{background:#1b5e20}.btn-admin.warning{background:#e65100;color:#fff}.btn-admin.warning:hover{background:#bf360c}.btn-admin.danger{background:#c62828;color:#fff}.btn-admin.danger:hover{background:#8c1a1a}.btn-admin.secondary{background:#fff;border:1.5px solid #1a237e;color:#1a237e}.btn-admin.secondary:hover{background:#e8eaf6}.btn-admin.sm{font-size:11px;padding:4px 9px}.btn-admin:disabled{cursor:not-allowed;opacity:.5}.pagination{border-top:1px solid #f0f0f0;justify-content:space-between;padding:10px 20px}.amodal-overlay,.pagination{align-items:center;display:flex}.amodal-overlay{background:#00000073;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.amodal{background:#fff;border-radius:12px;box-shadow:0 8px 40px #0003;max-height:90vh;max-width:560px;overflow-y:auto;padding:28px;width:100%}.amodal h3{border-bottom:2px solid #e8eaf6;color:#1a237e;font-size:17px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.form-row.full{grid-template-columns:1fr}.amodal label{color:#666;display:block;font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.amodal input,.amodal select,.amodal textarea{border:1.5px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px;padding:9px 12px;width:100%}.amodal input:focus,.amodal select:focus,.amodal textarea:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a;outline:none}.amodal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.info-box{background:#fff8e1;background:var(--warn-bg);border:1.5px solid #ffe082;border:1.5px solid var(--warn-border);border-radius:8px;border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}
/*# sourceMappingURL=main.23d1279c.css.map*/