:root{--vb-teal: #222E88;--vb-teal-dim: #3242AA;--inut-focus-color: #F59E0B;--vb-teal-dark: #182568;--vb-teal-light: #EEF0F8;--vb-border: #DDE2F0;--vb-text: #111827;--vb-text-muted: #667085;--vb-danger: #EF4444;--vb-danger-bg: #FDECEC;--vb-success: #16A34A;--vb-success-bg: #EAF7EE;--vb-radius: 4px;--vb-shadow: 0 2px 6px rgba(20, 32, 90, .1);--sidebar-bg: #222E88;--sidebar-text: #C7CDEF;--sidebar-active-bg: #F59E0B;--sidebar-active-text: #182568;--sidebar-hover-bg: rgba(255, 255, 255, .08);--sidebar-hover-text: #FFFFFF;--sidebar-brand-text: #FFFFFF;--sidebar-border: rgba(255, 255, 255, .08);--body-bg: #F7F8FC;--text-main: #111827;--text-muted: #6B7280;--pill-bg: #FFFFFF;--pill-border: #DDE2F0;--icon-bg: #EEF0F8;--header-height: 3.7rem;--accent-success: #A7E3BD;--accent-neutral: #C8D0EE;--accent-inactive: #EFF0F5;--radius-md: 8px;--shadow-md: 0px 4px 10px -2px rgba(24, 37, 104, .12), 0px 2px 5px -2px rgba(24, 37, 104, .08);--white: #FFFFFF;--color-info: #2563EB;--color-danger: #E11D48;--color-success: #16A34A;--space-lg: 1.5rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;font-size:16px;background:var(--body-bg);color:var(--text-main)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--vb-teal)}.vb-btn{border:1px solid var(--vb-teal);background:var(--vb-teal);color:#fff;border-radius:var(--vb-radius);padding:7px 14px;font-size:13px;font-weight:550}.vb-btn:hover{background:var(--vb-teal-dark)}.vb-btn:disabled{opacity:.55;cursor:not-allowed}.vb-btn--outline{background:#fff;color:var(--vb-teal)}.vb-btn--outline:hover{background:var(--vb-teal-light)}.vb-btn--danger{background:#fff;color:var(--vb-danger);border-color:var(--vb-danger)}.vb-btn--danger:hover{background:var(--vb-danger-bg)}.vb-field{display:flex;flex-direction:column;gap:4px;margin-bottom:1px;position:relative}.vb-field label{font-size:12px;font-weight:600;color:var(--vb-text-muted);text-transform:uppercase;letter-spacing:.03em}.vb-field input,.vb-field select{border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:9px 10px}.vb-field input:focus,.vb-field select:focus{outline:none;border-color:var(--vb-teal);box-shadow:0 0 0 3px var(--vb-teal-light)}.vb-field input:disabled,.vb-field select:disabled{cursor:not-allowed;background-color:var(--body-bg);opacity:.7}.vb-field .vb-error{color:var(--vb-danger);font-size:12px}input.error,select.error,textarea.error{border-color:var(--color-danger)!important;background-color:snow!important}input.error:focus,select.error:focus{box-shadow:0 0 0 3px #e11d4826!important}.error-msg{color:var(--color-danger);font-size:.725rem;font-weight:600;position:absolute;right:1.5rem;bottom:.8rem;pointer-events:none;background:transparent;margin:0}.vb-card{background:#fff;border-radius:.2rem;box-shadow:var(--vb-shadow);padding:20px}.vb-banner{border-radius:var(--vb-radius);padding:10px 14px;font-size:13px;margin-bottom:16px}.vb-banner--error{background:var(--vb-danger-bg);color:var(--vb-danger);border:1px solid #f0c4c1}.vb-banner--success{background:var(--vb-success-bg);color:var(--vb-success);border:1px solid #c3e0c5}.vb-table{width:100%;border-collapse:collapse;font-size:14px}.vb-table th,.vb-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--vb-border)}.vb-table th{color:var(--vb-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.vb-table tbody tr:hover{background:var(--vb-teal-light)}.form-main-container{padding:1rem;border-radius:.2rem;display:flex;flex-direction:column;gap:.75rem}.form-section{display:flex;flex-direction:column;gap:.7rem;padding-bottom:1.2rem;border-bottom:1px dashed var(--pill-border)}.section-header{display:flex;align-items:flex-start;gap:.3rem}.section-icon{font-size:1.5rem;color:var(--sidebar-active-bg);margin-top:.125rem}.section-title-wrap h2{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0 0 .25rem}.section-title-wrap p{font-size:.8125rem;color:var(--text-muted);margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}@media(max-width:900px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.auto-code-box{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--accent-inactive);border:1px solid var(--pill-border);border-radius:.5rem;color:var(--text-muted);font-size:.875rem;font-weight:500}.btn-yellow{background-color:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important;border:1px solid var(--sidebar-active-bg)!important}.btn-yellow:hover{filter:brightness(.95)}.loading-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:var(--text-muted);font-size:1rem}.dialog-container{padding:0!important;margin:0!important;gap:0!important}.dialog-container .form-section{padding:1.5rem;padding-bottom:0;border-bottom:none}.dialog-container mat-dialog-content,.dialog-container .mat-mdc-dialog-content{padding:1rem 1.5rem 1.5rem!important;max-height:65vh}.dialog-container mat-dialog-actions,.dialog-container .mat-mdc-dialog-actions{padding:1rem 1.5rem!important;border-top:1px dashed var(--pill-border);justify-content:flex-end;gap:.75rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1.25rem;border-radius:.4rem;background:#fff;border:1px solid var(--pill-border);box-shadow:0 4px 6px -1px #0000000d;position:sticky!important;top:.2rem!important;z-index:100!important}.page-title-group{display:flex;align-items:center;gap:.75rem}.title-accent{width:5px;height:24px;background-color:var(--sidebar-active-bg);border-radius:4px}.page-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0}.page-actions{display:flex;align-items:center;gap:.5rem}