.form-page { background: #f7f8fa; padding: 16px; } .form-main { max-width: 420px; margin: 0 auto; padding: 16px 0 0 0; } .form-section { margin-bottom: 18px; } .form-card { border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); padding: 24px 18px 18px 18px; background: #fff; } .form-label { font-weight: 600; font-size: 16px; color: #222; display: block; margin-bottom: 6px; } .section-title { font-size: 16px; font-weight: 700; color: #222; margin-top: 28px; margin-bottom: 12px; letter-spacing: 0.5px; } .section-block { padding: 12px 0 8px 0; border-bottom: 1px solid #f0f0f0; margin-bottom: 8px; } .tabs-bar { .adm-tabs-header { background: #f7f8fa; border-radius: 8px; margin-bottom: 8px; } .adm-tabs-tab { font-size: 15px; font-weight: 500; padding: 8px 0; } } .collapse { margin-top: 12px; .adm-collapse-panel-content { padding-bottom: 8px; background: #f8fafc; border-radius: 10px; padding: 18px 14px 10px 14px; margin-top: 2px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .form-section { margin-bottom: 22px; } .form-label { font-size: 15px; font-weight: 500; margin-bottom: 4px; color: #333; } .adm-input { min-height: 42px; font-size: 15px; border-radius: 7px; margin-bottom: 2px; } } .ai-row, .section-block { display: flex; align-items: center; gap: 12px; } .ai-desc { color: #888; font-size: 13px; flex: 1; } .date-row, .section-block { display: flex; gap: 12px; align-items: center; } .adm-input { min-height: 44px; font-size: 15px; border-radius: 8px; } .submit-btn { margin-top: 32px; height: 48px !important; border-radius: 10px !important; font-size: 17px; font-weight: 600; letter-spacing: 1px; } @media (max-width: 600px) { .form-main { max-width: 100vw; padding: 0; } .form-card { border-radius: 0; box-shadow: none; padding: 16px 6px 12px 6px; } .section-title { font-size: 15px; margin-top: 22px; margin-bottom: 8px; } .submit-btn { height: 44px !important; font-size: 15px; } }