@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&family=Nunito+Sans:wght@300;400;600;700;800&display=swap";@charset "UTF-8";:root{--gsdi-primary: #002e3d;--gsdi-primary-mid: #004f69;--gsdi-secondary: #3dd940;--gsdi-secondary-dark: #2bb830;--gsdi-secondary-light:#edfaee;--gsdi-accent: #50e853;--gsdi-dark: #001e29;--gsdi-white: #ffffff;--gsdi-light: #f8f5f0;--gsdi-gray-100: #f5f7f8;--gsdi-gray-200: #e8ecee;--gsdi-gray-300: #d1d9dc;--gsdi-gray-400: #aab5ba;--gsdi-gray-500: #7a9099;--gsdi-gray-600: #526068;--gsdi-gray-700: #374249;--gsdi-gray-800: #1e282d;--gsdi-success: #27ae60;--gsdi-danger: #e74c3c;--gsdi-warning: #f39c12;--gsdi-border-radius: 8px;--gsdi-border-radius-lg: 16px;--gsdi-shadow: 0 4px 24px rgba(0, 46, 61, .1);--gsdi-shadow-lg: 0 8px 40px rgba(0, 46, 61, .15);--gsdi-transition: all .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Nunito Sans,sans-serif;background:linear-gradient(150deg,#f8f5f0 0%,#f2ede8 100%);min-height:100vh;color:var(--gsdi-gray-800);line-height:1.6}.container{max-width:880px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:none;border-radius:var(--gsdi-border-radius);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:var(--gsdi-transition);letter-spacing:.2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gsdi-secondary);color:var(--gsdi-white);box-shadow:0 4px 16px #3dd94059}.btn-primary:hover:not(:disabled){background:var(--gsdi-secondary-dark);box-shadow:0 6px 22px #3dd94073;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--gsdi-white);color:var(--gsdi-secondary-dark);border:2px solid var(--gsdi-secondary)}.btn-secondary:hover:not(:disabled){background:var(--gsdi-secondary-light)}.btn-success{background:var(--gsdi-success);color:var(--gsdi-white);box-shadow:0 4px 14px #27ae6052}.btn-success:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.btn-danger{background:var(--gsdi-danger);color:var(--gsdi-white)}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-lg{padding:16px 42px;font-size:17px;border-radius:10px}.btn-sm{padding:8px 16px;font-size:13px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group label{font-size:12px;font-weight:800;color:var(--gsdi-primary);text-transform:uppercase;letter-spacing:.7px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--gsdi-gray-300);border-radius:var(--gsdi-border-radius);font-family:Nunito Sans,sans-serif;font-size:15px;color:var(--gsdi-gray-800);background:var(--gsdi-white);transition:var(--gsdi-transition);outline:none}.form-group input::placeholder,.form-group select::placeholder{color:var(--gsdi-gray-400)}.form-group input:focus,.form-group select:focus{border-color:var(--gsdi-secondary);box-shadow:0 0 0 3px #3dd9401f}.form-group input.ng-invalid.ng-touched,.form-group select.ng-invalid.ng-touched{border-color:var(--gsdi-danger);box-shadow:0 0 0 3px #e74c3c1a}.form-group input.ng-valid.ng-touched,.form-group select.ng-valid.ng-touched{border-color:var(--gsdi-success)}.form-group input:disabled,.form-group select:disabled{background:var(--gsdi-gray-100);color:var(--gsdi-gray-500);cursor:not-allowed}.form-group .error-msg{font-size:12px;color:var(--gsdi-danger);font-weight:600;display:flex;align-items:center;gap:4px}.form-group .error-msg:before{content:"\26a0"}.card{background:var(--gsdi-white);border-radius:var(--gsdi-border-radius-lg);box-shadow:var(--gsdi-shadow);padding:32px;margin-bottom:24px;border:1px solid rgba(61,217,64,.12)}.section-title{font-family:Nunito,sans-serif;font-size:17px;font-weight:800;color:var(--gsdi-primary);text-transform:uppercase;letter-spacing:.8px;padding-bottom:14px;border-bottom:3px solid var(--gsdi-secondary);margin-bottom:24px;display:flex;align-items:center;gap:10px}.row{display:grid;gap:20px}.row.cols-2{grid-template-columns:1fr 1fr}.row.cols-3{grid-template-columns:1fr 1fr 1fr}.row.cols-auto{grid-template-columns:190px 1fr}@media (max-width: 600px){.row.cols-2,.row.cols-3,.row.cols-auto{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:rgba(0,46,61,.82);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.modal-box{background:var(--gsdi-white);border-radius:var(--gsdi-border-radius-lg);padding:40px;max-width:480px;width:100%;box-shadow:var(--gsdi-shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);text-align:center}.modal-box h3{font-family:Nunito,sans-serif;font-size:21px;font-weight:800;color:var(--gsdi-primary);margin-bottom:12px;line-height:1.3}.modal-box p{color:var(--gsdi-gray-600);font-size:15px;line-height:1.75;margin-bottom:24px}.modal-box .modal-actions{display:flex;gap:12px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-primary{background:rgba(61,217,64,.12);color:var(--gsdi-secondary-dark)}.badge-success{background:rgba(39,174,96,.13);color:var(--gsdi-success)}
