.surface-flat{background:transparent;border:none;box-shadow:none;padding:0}.surface-card,.card-glow,.glass-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-6);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.surface-elevated{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(23,26,43,0.06);padding:var(--space-6);box-sizing:border-box}.surface-featured{background-color:var(--soft-purple);border:1px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--space-6);box-sizing:border-box}.surface-interactive{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-6);box-sizing:border-box;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.surface-interactive:hover{border-color:var(--primary-color);box-shadow:0 4px 14px rgba(118,38,201,0.08);transform:translateY(-2px)}.surface-interactive:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.surface-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--card-border)}.surface-card-body{width:100%}.surface-card-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.surface-sm,.surface-padding-sm{padding:var(--space-4)}.surface-lg,.surface-padding-lg{padding:var(--space-8)}.form-section{margin-bottom:var(--space-8);width:100%}.form-field,.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);width:100%}.form-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);width:100%;margin-bottom:var(--space-5)}.form-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}label,.form-label{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:650;color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-1)}.form-required,.required-star{color:#DC2626;font-weight:700}.form-helper-text{font-family:var(--font-body);font-size:0.8125rem;line-height:1.4;color:var(--text-muted);margin-top:var(--space-1)}.form-error-text{font-family:var(--font-body);font-size:0.8125rem;line-height:1.4;color:#DC2626;font-weight:600;margin-top:var(--space-1);display:flex;align-items:center;gap:4px}.form-success-text{font-family:var(--font-body);font-size:0.8125rem;line-height:1.4;color:#059669;font-weight:600;margin-top:var(--space-1);display:flex;align-items:center;gap:4px}input[type="text"]:not(.auth-text-input):not(.del-input-text),input[type="email"]:not(.auth-text-input):not(.del-input-text),input[type="password"]:not(.auth-text-input):not(.del-input-text),input[type="search"],input[type="number"],input[type="date"],input[type="url"],select,textarea,.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:10px 14px;min-height:42px;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.control-sm,.form-input-sm{min-height:36px;padding:6px 10px;font-size:var(--font-size-sm)}.control-lg,.form-input-lg{min-height:48px;padding:12px 16px;font-size:var(--font-size-body-lg)}textarea,.form-textarea{min-height:120px;line-height:1.6;resize:vertical}input[type="text"]:not(.auth-text-input):not(.del-input-text):hover,input[type="email"]:not(.auth-text-input):not(.del-input-text):hover,input[type="password"]:not(.auth-text-input):not(.del-input-text):hover,input[type="search"]:hover,input[type="number"]:hover,input[type="date"]:hover,select:hover,textarea:hover,.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#C0C4D0}input[type="text"]:not(.modern-search-input):not(.fc-search-input):not(.tools-search-input):not(.exams-search-input):not(.emp-text-input):not(.db-text-input):not(.auth-text-input):not(.del-input-text):not(.hm-launcher-input):not(.pjd-modal-input):focus-visible,input[type="email"]:not(.emp-text-input):not(.db-text-input):not(.auth-text-input):not(.del-input-text):not(.pjd-modal-input):focus-visible,input[type="tel"]:not(.emp-text-input):not(.db-text-input):not(.auth-text-input):not(.del-input-text):not(.pjd-modal-input):focus-visible,input[type="password"]:not(.emp-text-input):not(.db-text-input):not(.auth-text-input):not(.del-input-text):not(.pjd-modal-input):focus-visible,input[type="search"]:not(.modern-search-input):not(.fc-search-input):not(.tools-search-input):not(.exams-search-input):not(.hm-launcher-input):not(.pjd-modal-input):focus-visible,input[type="number"]:not(.emp-text-input):not(.db-text-input):not(.pjd-modal-input):focus-visible,input[type="date"]:focus-visible,select:not(.premium-select):not(.colleges-select-styled):not(.notepad-dropdown-select):not(.custom-select):not(.emp-select-input):not(.db-select-input):focus-visible,textarea:not(.emp-textarea-input):not(.db-textarea-input):not(.pjd-modal-textarea):focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.is-focused{border-color:var(--primary-color) !important;box-shadow:0 0 0 3px rgba(118,38,201,0.15) !important}.is-invalid,.has-error input,.has-error select,.has-error textarea{border-color:#DC2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,0.12) !important}.is-valid,.has-success input,.has-success select,.has-success textarea{border-color:#059669 !important;box-shadow:0 0 0 3px rgba(5,150,105,0.12) !important}input:disabled,select:disabled,textarea:disabled,.form-input:disabled,.is-disabled{background-color:#F1F3F7 !important;border-color:#E2E8F0 !important;color:var(--text-muted) !important;cursor:not-allowed !important;opacity:0.75}input[readonly],textarea[readonly]{background-color:var(--bg-color);border-color:var(--card-border)}input[type="checkbox"],input[type="radio"],.form-checkbox,.form-radio{accent-color:var(--primary-color);width:18px;height:18px;cursor:pointer}.form-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-switch-input{opacity:0;width:0;height:0;position:absolute}.form-switch-slider{width:44px;height:24px;background-color:#CBD5E1;border-radius:var(--radius-pill);position:relative;transition:background-color var(--transition-fast)}.form-switch-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#FFFFFF;border-radius:50%;transition:transform var(--transition-fast)}.form-switch-input:checked + .form-switch-slider{background-color:var(--primary-color)}.form-switch-input:checked + .form-switch-slider::before{transform:translateX(20px)}.form-switch-input:focus-visible + .form-switch-slider{box-shadow:0 0 0 3px rgba(118,38,201,0.2)}.form-file-dropzone,.file-upload-zone{border:2px dashed var(--card-border);border-radius:var(--radius-md);background-color:var(--bg-color);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.form-file-dropzone:hover,.form-file-dropzone.is-dragover{border-color:var(--primary-color);background-color:var(--soft-purple)}.form-input-group{display:flex;align-items:stretch;width:100%}.form-input-group input,.form-input-group select{border-radius:0}.form-input-group > *:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.form-input-group > *:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.form-input-group input + input,.form-input-group input + select,.form-input-group select + input,.form-input-group .input-addon + input{margin-left:-1px}.input-addon{display:flex;align-items:center;padding:0 14px;background-color:#F1F5F9;border:1px solid var(--card-border);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.form-counter,.form-counter-word{font-family:var(--font-body);font-size:0.8125rem;color:var(--text-muted);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}.is-loading,.btn-loading{position:relative;pointer-events:none;opacity:0.8}.is-loading::after,.btn-loading::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:form-spin 0.6s linear infinite;vertical-align:middle}@keyframes form-spin{to{transform:rotate(360deg)}}