html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}body.theme-blue{--primary-color: #3f51b5;--primary-light: #e8eaf6;--primary-dark: #283593;--accent-color: #00bcd4;--navbar-bg: #333;--navbar-text: #ffffff;--grid-border: #3f51b5}body.theme-teal{--primary-color: #00897b;--primary-light: #e0f2f1;--primary-dark: #00695c;--accent-color: #ff9800;--navbar-bg: #00695c;--navbar-text: #ffffff;--grid-border: #00897b}body.theme-purple{--primary-color: #673ab7;--primary-light: #ede7f6;--primary-dark: #4a148c;--accent-color: #ffc107;--navbar-bg: #4a148c;--navbar-text: #ffffff;--grid-border: #673ab7}body.theme-rose{--primary-color: #e91e63;--primary-light: #fce4ec;--primary-dark: #880e4f;--accent-color: #ff5722;--navbar-bg: #880e4f;--navbar-text: #ffffff;--grid-border: #e91e63}body.theme-indigo{--primary-color: #1a237e;--primary-light: #e8eaf6;--primary-dark: #0d1642;--accent-color: #ff4081;--navbar-bg: #1a237e;--navbar-text: #ffffff;--grid-border: #1a237e}.compact-form{--mat-form-field-container-height: 40px;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-container-text-size: 13px;--mat-form-field-container-text-line-height: 20px;--mdc-outlined-text-field-label-text-size: 13px;--mat-form-field-subscript-text-size: 11px;--mat-form-field-subscript-text-line-height: 14px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 44px;--mat-expansion-header-text-size: 13px;--cf-accent: var(--primary-color, #1565c0)}.compact-form .mat-mdc-form-field{width:100%;position:relative}.compact-form .mat-mdc-form-field-subscript-wrapper{position:absolute;top:100%;left:0;right:0;margin-top:1px;pointer-events:none}.compact-form .mat-mdc-form-field-hint-wrapper,.compact-form .mat-mdc-form-field-error-wrapper{padding:0 12px}.compact-form .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button{width:32px;height:32px;padding:4px;--mdc-icon-button-icon-size: 20px}.compact-form .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.compact-form .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-icon{font-size:20px;width:20px;height:20px}.compact-form .mat-mdc-form-field-text-prefix{font-size:13px;color:#666;padding-right:4px}.compact-form .cf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:12px;row-gap:18px;align-items:start}.compact-form .cf-span-2{grid-column:span 2}.compact-form .cf-span-3{grid-column:span 3}.compact-form .cf-span-4{grid-column:span 4}.compact-form .cf-span-6{grid-column:span 6}.compact-form .cf-span-8{grid-column:span 8}.compact-form .cf-span-12{grid-column:span 12}@media (max-width: 900px){.compact-form .cf-span-2,.compact-form .cf-span-3,.compact-form .cf-span-4{grid-column:span 6}.compact-form .cf-span-8{grid-column:span 12}}@media (max-width: 600px){.compact-form .cf-grid>*{grid-column:span 12}}.compact-form .cf-section{padding:16px 20px 20px}.compact-form .cf-section+.cf-section{border-top:1px solid #eceff1}.compact-form .cf-section-title{display:flex;align-items:center;gap:6px;margin:0 0 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-accent)}.compact-form .cf-section-title .mat-icon{font-size:16px;width:16px;height:16px}.compact-form .cf-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;background:#fffffff5;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #0000000f;border-radius:0 0 8px 8px}